US007978182B2
(12) United States Patent (10) Patent No.: US 7,978,182 B2 Ording et al. (45) Date of Patent: Jul. 12, 2011
(54) SCREEN ROTATION GESTURES ON A 2005/0131619 A1* 6/2005 Rappaport et al...... TO1,101 PORTABLE MULTIFUNCTION DEVICE 2006, 0026521 A1 2/2006 Hotelling et al. .. 7157702 2007,0262964 A1* 11/2007 Zotov et al...... 345,173 2008/O122796 A1* 5/2008 JobS et al...... 345,173 (75) Inventors: Bas Ording, San Francisco, CA (US); Marcel Van Os, San Francisco, CA FOREIGN PATENT DOCUMENTS (US); Imran Chaudhri, San Francisco, WO WO 2006/020304 A2 2, 2006 CA (US) WO WO 2006/02O305 A2 2, 2006 OTHER PUBLICATIONS (73) Assignee: Apple Inc., Cupertino, CA (US) FingerWorks, “Installation and Operation Guide for Igesture Prod (*) Notice: Subject to any disclaimer, the term of this ucts w/Keys,” www.fingerworks.com, Copyright (C) 2002, 10 pages. FingerWorks, “Installation and Operation Guide for the patent is extended or adjusted under 35 TouchStream” www.fingerworks.com, Copyright (C) 2002, 14 pages. U.S.C. 154(b) by 758 days. FingerWorks, “QuickReference Guide for iGesture Products,” www. fingerworks.com, Copyright (C) 1999-2002, 4 pages. (21) Appl. No.: 11/960,667 (Continued) (22) Filed: Dec. 19, 2007 Primary Examiner — Bipin Shallwala (65) Prior Publication Data Assistant Examiner — Ilana Spar (74) Attorney, Agent, or Firm — Morgan, Lewis & Bockius US 2008/0211778A1 Sep. 4, 2008 LLP Related U.S. Application Data (57) ABSTRACT (60) Provisional application No. 60/937,993, filed on Jun. In accordance with some embodiments, a computer-imple 29, 2007, provisional application No. 60/946,970, mented method performed at a portable multifunction device filed on Jun. 28, 2007, provisional application No. with a touch screen display includes displaying information 60/879,469, filed on Jan. 8, 2007, provisional on the touch screen display in a portrait orientation. The application No. 60/879.253, filed on Jan. 7, 2007. method also includes detecting simultaneous rotation of two thumbs in a first sense of rotation on the touchscreen display, (51) Int. C. and in response to detecting the simultaneous rotation of the G06F 3/04 (2006.01) two thumbs in the first sense of rotation, displaying the infor (52) U.S. Cl...... 345/173 mation in a landscape orientation. In some embodiments, the (58) Field of Classification Search ...... 34.5/173 178 method further includes detecting simultaneous rotation of See application file for complete search history. the two thumbs in a second sense of rotation that is opposite the first sense of rotation, and in response to detecting the (56) References Cited simultaneous rotation of the two thumbs in the second sense of rotation, displaying the information in a portrait orienta U.S. PATENT DOCUMENTS tion. 2005, OO12723 A1* 1/2005 Pallakoff...... 345,173 2005/0078086 A1* 4/2005 Grams et al...... 345,158 31 Claims, 10 Drawing Sheets US 7,978,182 B2 Page 2
OTHER PUBLICATIONS Products.”Copyright (C) 1999-2002.4 pages, www.fingerworks.com. & 8 1----. FingerWorks, “Installation and Operation Guide for Igesture Prod FingerWorks, “TouchStream LP Silver.” http://www.fingerworks. ucts w/Keys.” Copyright (C) 2002, 10 pages, fingerWorks.co. com, Apr. 27, 2005, 18 pages. FingerWorks, “TouchStream LP Silver.” Apr. 27, 2005, 18 pages, FingerWorks, “Installation and Operation Guide for the http://www.fingerworks.com. TouchStream.” Copyright (C) 2002, 14 pages, www.fingerworks.com. FingerWorks, "QuickReference Guide for iGesture * cited by examiner U.S. Patent Jul. 12, 2011 Sheet 1 of 10 US 7,978,182 B2
Memory Portable Multifunction Device 102 100 Operating System 126 Applications (continued) 148136 Communication Module 128 Calendar Module 130 149 Contact Motion Module 132 Widget Modules 149-1 Graphics Module Weather Widget 1492 Text input Module Stocks Widget 149-3 GPS Module 136 Calculator Widget 149-4 Applications 137 Alarm Clock Widget 149-5 Contacts Module 138 Dictionary Widget Telephone Module 139 149-6 Video Conference Module 140 User-Created Widget(s) 150 E-mail Client Module 141 Widget Creator Module 151 Instant Messaging Module 142 Search Module E. 143 isionImageasE. ManagementModuleanagementOCule t ModuleModul 145144 SystemPOWer 162 Video Player Module 146 Music Player Module External 124 Browsing Module 147 Port 118 103 RF Circuitry 103 \ 1081 Speaker 104 111 122 Controller Circuitry 103 is,110 HO Peripherals 103 Microphone Interface Proximity 113 Sensor 103 166 120 Processor(s) Accelerometer(s) 168 103
I/O Subsystem 158 106 Display Optical Other input 160 Controller sensor(s) Controller Controller(s) 156 103 103 103
Touch-Sensitive Optical Other input 116 Sensor(s) Control 112 Display System 164 Devices Figure 1A U.S. Patent Jul. 12, 2011 Sheet 2 of 10 US 7,978,182 B2
Memory 102 Portable Multifunction Device 126 100 128 Applications (continued) g 149 ||Wigget Modules 149-1 135 149-2 136 149-3 Applications Contacts Module 138137 || NF-21494149-5 Telephone Module 139 Dictionary Widget Video Conference Module 140 : 149-6 E-mail Client Module 141 User-Created Widget(s) 150 Instant Messaging Module 142 Widget Creator Module 151 Blogging Module 143 Search Module Camera Module 144 mage Management Module 152 162 Video and Music Player Module 5 POWer 153 System Notes Module Map Module 154 124 Browsing Module - 147 Port 103 118 103Rf Circuitry108 Speaker
104 A Y- 111 Controll s 103 Audio EC 110 HO Peripherals 103 Microshone Interface 103 Sensor 166
Accelerometer(s) 103 1681
I/O Subsystem 158
106 Display Optical Other input 160
Sensor(s) Controller Controller Controller(s) 156 103 103 103
Optical Touch-Sensitive Other input 116 112 Display System Sensor(s) Control 164 Devices Figure 1B U.S. Patent Jul. 12, 2011 Sheet 3 of 10 US 7,978,182 B2
Portable Multifunction DeVice 100
Optical Proximity CO Speaker 111 SenSOr 164 SensOr 166
210 is SIM Card Slot 212 is headphone jack
Touch SCreen 11
Microphone Home Accelerometer(s) 113 204 , 168
External Port 12 Figure 2 U.S. Patent Jul. 12, 2011 Sheet 4 of 10 US 7,978,182 B2
Portable Multifunction Device
2O6 100
Current Time M 308 310 \ Day and Date M 312 Wallpaper image 314
(e. Slide to unlock
Touch SCreen 11
Microphone Home Accelerometer(s) 113 204 / 168
Figure 3 U.S. Patent Jul. 12, 2011 Sheet 5 of 10 US 7,978,182 B2
Portable Multifunction Device
2O6 100
(3) (3) (3)
PhotoS Camera VideOS 144 143 145 w 7 Y,|| A ? ^. Y.|| - (o) w|| Jan15 Weather Stocks Blog Calendar 149-1 149-2 142 148
- + - x + - ABC y| cleated ------& Widget Calculator Alarm Dictionary Widget 149-3 149-4 149-5 149-6
Browser Music 147 146
Touch SCreen 11
Microphone Home Accelerometer(s) 113 204 168
Figure 4A U.S. Patent Jul. 12, 2011 Sheet 6 of 10 US 7,978,182 B2
Portable Multifunction Device
100
- IM Jan ' - 15 (3) (C) (C)
-? x. - Calendar PhOtOS 141 148 144
Calculator StOCKS Weather 149-3 149-2 149-1
Settings 412
iPOC 152
TOUCh SCreen 112
Home Accelerometer(s)
Figure 4B U.S. Patent Jul. 12, 2011 Sheet 7 of 10 US 7,978,182 B2
Figure 5A
Figure 5B 5704-L
Figure 5C U.S. Patent Jul. 12, 2011 Sheet 8 of 10 US 7,978,182 B2
Y Display a first application on the touch screen 602 display in a portraitorientation
Detect simultaneous rotation of tWO thumbs in 604 a first sense of rotation on the touch screen ?t display
In response to detecting the simultaneous rotation of the two thumbs in the first Sense of 606 rotation, display the first application in a landscape Orientation
Detect simultaneous rotation of the two 608 thumbs in a Second Sense of rotation that is ? opposite to the first sense of rotation
l
In response to detecting the simultaneous rotation of the two thumbs in the second u? 610 sense of rotation, display the first application in a portrait orientation U.S. Patent Jul. 12, 2011 Sheet 9 of 10 US 7,978,182 B2
Figure 7A
Figure 7B
Figure 7C U.S. Patent Jul. 12, 2011 Sheet 10 of 10 US 7,978,182 B2
800 Y Display a first application on the touch screen L- 802 display in a portrait orientation | Detect rotation of a thumb Within a predetermined range of angles near 90 in a L- 804 first Sense of rotation On the touch SCreen display (and, in some embodiments, simultaneously detect at least one finger on a side of the device opposite the touch screen display) y In response to detecting the rotation of the thumb in the first sense of rotation (and, in ? 806 some embodiments, simultaneously detecting at least one finger on the side of the device opposite the touch screen display), display the first application in a landscape orientation
Detect rotation of the thumb within a predetermined range of angles near 90 in a - 808 Second Sense of rotation that is opposite to the first sense of rotation (and, in some embodiments, simultaneously detect at least : one finger on the side of the device opposite the touch Screen display) |- In response to detecting the rotation of the thumb in the second sense of rotation (and, in u? 810 some embodiments, simultaneously detecting: oppositeat least theone touch finger screen on the display), side of the display device the first application in a portrait orientation ------Figure 8 US 7,978,182 B2 1. 2 SCREEN ROTATION GESTURES ON A being configured and/or adapted by eitheran application run PORTABLE MULTIFUNCTION DEVICE ning on the portable device or by users. When coupled with the time consuming requirement to memorize multiple key RELATED APPLICATIONS sequences and menu hierarchies, and the difficulty in activat ing a desired pushbutton, such inflexibility is frustrating to This application claims priority to U.S. Provisional Patent most uSerS. Application Nos. 60/937,993, “Portable Multifunction Some portable electronic devices have displays with infor Device, filed Jun. 29, 2007; 60/946,970, “Screen Rotation mation that may be viewed in either a portrait orientation or a Gestures on a Portable Multifunction Device filed Jun. 28, landscape orientation. But the input from a user required to 2007, 60/879,469, “Portable Multifunction Device, filed 10 initiate a screen rotation between the portrait and landscape Jan. 8, 2007; and 60/879,253, “Portable Multifunction orientations may not be readily apparent to the user. Device.” filed Jan. 7, 2007. All of these applications are Some portable devices use one or more accelerometers to incorporated by reference herein in their entirety. automatically adjust the orientation of the information on the This application is related to the following applications: (1) screen. In these devices, information is displayed on the dis U.S. patent application Ser. No. 10/188,182, “TouchPad For 15 play in a portrait view or a landscape view based on an Handheld Device.” filed Jul. 1, 2002; (2) U.S. patent applica analysis of data received from the one or more accelerom tion Ser. No. 10/722,948, “TouchPad For Handheld Device.” eters. For these devices, the user may occasionally want to filed Nov. 25, 2003; (3) U.S. patent application Ser. No. override the orientation displayed based on the accelerometer 10/643,256, “Movable Touch Pad With Added Functional data. Here too, the user input required to initiate a change ity.” filed Aug. 18, 2003; (4) U.S. patent application Ser. No. between the portrait and landscape orientations may not be 10/654,108, “Ambidextrous Mouse.” filed Sep. 2, 2003; (5) readily apparent to the user. U.S. patent application Ser. No. 10/840,862, “Multipoint Accordingly, there is a need for portable multifunction Touchscreen.” filed May 6, 2004; (6) U.S. patent application devices with more transparent and intuitive user interfaces for Ser. No. 10/903,964, “Gestures For Touch Sensitive Input implementing screen rotations. Such interfaces increase the Devices.” filed Jul. 30, 2004; (7) U.S. patent application Ser. 25 effectiveness, efficiency and user satisfaction with portable No. 11/038,590, “Mode-Based Graphical User Interfaces For multifunction devices. Touch Sensitive Input Devices' filed Jan. 18, 2005; (8) U.S. patent application Ser. No. 11/057,050, "Display Actuator.” SUMMARY filed Feb. 11, 2005; (9) U.S. Provisional Patent Application No. 60/658,777, “Multi-Functional Hand-Held Device, filed 30 The above deficiencies and other problems associated with Mar. 4, 2005; (10) U.S. patent application Ser. No. 1 1/367, user interfaces for portable devices are reduced or eliminated 749, “Multi-Functional Hand-Held Device, filed Mar. 3, by the disclosed portable multifunction device. In some 2006; and U.S. Provisional Patent Application No. 60/824, embodiments, the device has a touch-sensitive display (also 769, “Portable Multifunction Device.” filed Sep. 6, 2006. All known as a “touch screen') with a graphical user interface of these applications are incorporated by reference in their 35 (GUI), one or more processors, memory and one or more entirety. modules, programs or sets of instructions stored in the memory for performing multiple functions. In some embodi TECHNICAL FIELD ments, the user interacts with the GUI primarily through finger contacts and gestures on the touch-sensitive display. In The disclosed embodiments relate generally to portable 40 Some embodiments, the functions may include telephoning, electronic devices, and more particularly, to portable devices Video conferencing, e-mailing, instant messaging, blogging, that implement screen rotation gestures. digital photographing, digital videoing, web browsing, digi tal music playing, and/or digital video playing. Instructions BACKGROUND for performing these functions may be included in a computer 45 program product configured for execution by one or more As portable electronic devices become more compact, and processors. the number of functions performed by a given device In accordance with some embodiments, a computer-imple increase, it has become a significant challenge to designauser mented method performed at a portable multifunction device interface that allows users to easily interact with a multifunc with a touch screen display includes displaying information tion device. This challenge is particular significant for hand 50 on the touch screen display in a portrait orientation. The held portable devices, which have much smaller screens than method also includes detecting simultaneous rotation of two desktop or laptop computers. This situation is unfortunate thumbs in a first sense of rotation on the touchscreen display, because the user interface is the gateway through which users and in response to detecting the simultaneous rotation of the receive not only content but also responses to user actions or two thumbs in the first sense of rotation, displaying the infor behaviors, including user attempts to access a device's fea 55 mation in a landscape orientation. In some embodiments, the tures, tools, and functions. Some portable communication method further includes detecting simultaneous rotation of devices (e.g., mobile telephones, sometimes called mobile the two thumbs in a second sense of rotation that is opposite phones, cell phones, cellular telephones, and the like) have the first sense of rotation, and in response to detecting the resorted to adding more pushbuttons, increasing the density simultaneous rotation of the two thumbs in the second sense of push buttons, overloading the functions of pushbuttons, or 60 of rotation, displaying the information in a portrait orienta using complex menu systems to allow a user to access, store tion. and manipulate data. These conventional user interfaces often In accordance with some embodiments, a graphical user result in complicated key sequences and menu hierarchies interface on a portable multifunction device with a touch that must be memorized by the user. screen display includes an application that is displayed in Many conventional user interfaces, such as those that 65 either a first orientation or a second orientation, the second include physical pushbuttons, are also inflexible. This is orientation being 90° from the first orientation. In response to unfortunate because it may prevent a user interface from detecting simultaneous rotation of two thumbs in a first sense US 7,978,182 B2 3 4 of rotation on the touch screen display, the display of the and a computer program mechanism embedded therein. The application changes from the first orientation to the second computer program mechanism includes instructions, which orientation. when executed by a portable multifunction device with a In accordance with some embodiments, a portable multi touch screen display, cause the device to display a first appli function device includes a touch screen display, one or more 5 cation on the touch screen display in a portrait orientation. processors, memory, and one or more programs. The one or The instructions also cause the device to detect a rotation of a more programs are stored in the memory and configured to be thumb within a predetermined range of angles near 90° in a executed by the one or more processors. The programs first sense of rotation on the touch screen display and display include instructions for: displaying a first application on the the first application in a landscape orientation in response to touchscreen display in a portraitorientation; detecting simul- 10 detecting the rotation of the thumb. taneous rotation of two thumbs in a first sense of rotation on In accordance with some embodiments, a portable multi the touch screen display; and displaying the first application function device with a touch screen display includes: means in a landscape orientation in response to detecting the simul for displaying a first application on the touchscreen display in taneous rotation of the two thumbs in the first sense of rota a portrait orientation; means for detecting a rotation of a tion. 15 thumb within a predetermined range of angles near 90° in a In accordance with Some embodiments, a computer-pro first sense of rotation on the touch screen display; and means gram product includes a computer readable storage medium for displaying the first application in a landscape orientation and a computer program mechanism embedded therein. The in response to detecting the rotation of the thumb. computer program mechanism includes instructions, which In accordance with some embodiments, a computer-imple when executed by a portable multifunction device with a 20 mented method performed at a portable multifunction device touch screen display, cause the device to display a first appli with a touch screen display includes displaying information cation on the touch screen display in a portrait orientation. on the touch screen display in a portrait orientation. The The instructions also cause the device to detect simultaneous method also includes detecting a rotation of a thumb within a rotation of two thumbs in a first sense of rotation on the touch predetermined range of angles near 90° in a first sense of screen display and display the first application in a landscape 25 rotation on the touch screen display; simultaneously detect orientation in response to detecting the simultaneous rotation ing at least one finger on a side of the device opposite the of the two thumbs in the first sense of rotation. touch screen display; and in response to detecting the rotation In accordance with some embodiments, a portable multi of the thumb and simultaneously detecting at least one finger function device with a touch screen display includes: means on the side of the device opposite the touch screen display, for displaying a first application on the touchscreen display in 30 displaying the information in a landscape orientation. a portrait orientation; means for detecting simultaneous rota In accordance with some embodiments, a graphical user tion of two thumbs in a first sense of rotation on the touch interface on a portable multifunction device with a touch screen display; and means for displaying the first application screen display includes an application that is displayed in in a landscape orientation in response to detecting the simul either a first orientation or a second orientation, the second taneous rotation of the two thumbs in the first sense of rota- 35 orientation being 90° from the first orientation. In response to tion. detecting a rotation of a thumb within a predetermined range In accordance with some embodiments, a computer-imple of angles near 90° in a first sense of rotation on the touch mented method performed at a portable multifunction device screen display and simultaneously detecting at least one fin with a touch screen display includes displaying information ger on a side of the device opposite the touch screen display, on the touch screen display in a portrait orientation. The 40 the display of the application changes from the first orienta method also includes detecting a rotation of a thumb within a tion to the second orientation. predetermined range of angles near 90° in a first sense of In accordance with some embodiments, a portable multi rotation on the touchscreen display, and in response to detect function device includes a touch screen display, one or more ing the rotation of the thumb, displaying the information in a processors, memory, and one or more programs. The one or landscape orientation. 45 more programs are stored in the memory and configured to be In accordance with some embodiments, a graphical user executed by the one or more processors. The programs interface on a portable multifunction device with a touch include instructions for: displaying a first application on the screen display includes an application that is displayed in touch screen display in a portrait orientation; detecting a either a first orientation or a second orientation, the second rotation of a thumb within a predetermined range of angles orientation being 90° from the first orientation. In response to 50 near 90° in a first sense of rotation on the touchscreen display; detecting a rotation of a thumb within a predetermined range simultaneously detecting at least one finger on a side of the of angles near 90° in a first sense of rotation on the touch device opposite the touch screen display; and displaying the screen display, the display of the application changes from the first application in a landscape orientation in response to first orientation to the second orientation. detecting the rotation of the thumb and simultaneously In accordance with some embodiments, a portable multi- 55 detecting at least one finger on the side of the device opposite function device includes a touch screen display, one or more the touch screen display. processors, memory, and one or more programs. The one or In accordance with some embodiments, a computer-pro more programs are stored in the memory and configured to be gram product includes a computer readable storage medium executed by the one or more processors. The programs and a computer program mechanism embedded therein. The include instructions for: displaying a first application on the 60 computer program mechanism includes instructions, which touch screen display in a portrait orientation; detecting a when executed by a portable multifunction device with a rotation of a thumb within a predetermined range of angles touch screen display, cause the device to display a first appli near 90° in a first sense of rotation on the touchscreen display; cation on the touch screen display in a portrait orientation. and displaying the first application in a landscape orientation The instructions also cause the device to detect a rotation of a in response to detecting the rotation of the thumb. 65 thumb within a predetermined range of angles near 90° in a In accordance with Some embodiments, a computer-pro first sense of rotation on the touch screen display; simulta gram product includes a computer readable storage medium neously detect at least one finger on a side of the device US 7,978,182 B2 5 6 opposite the touch screen display; and display the first appli For example, a first gesture could be termed a second gesture, cation in a landscape orientation in response to detecting the and, similarly, a second gesture could be termed a first ges rotation of the thumb and simultaneously detecting at least ture, without departing from the scope of the present inven one finger on the side of the device opposite the touch screen tion. display. 5 The terminology used in the description of the invention In accordance with some embodiments, a portable multi herein is for the purpose of describing particular embodi function device with a touch screen display includes: means ments only and is not intended to be limiting of the invention. for displaying a first application on the touchscreen display in As used in the description of the invention and the appended a portrait orientation; means for detecting a rotation of a claims, the singular forms “a”, “an and “the are intended to thumb within a predetermined range of angles near 90° in a 10 include the plural forms as well, unless the context clearly first sense of rotation on the touch screen display; means for indicates otherwise. It will also be understood that the term simultaneously detecting at least one finger on a side of the “and/or as used herein refers to and encompasses any and all device opposite the touch screen display; and means for dis possible combinations of one or more of the associated listed playing the first application in a landscape orientation in items. It will be further understood that the terms “comprises' response to detecting the rotation of the thumb and simulta 15 and/or "comprising, when used in this specification, specify neously detecting at least one finger on the side of the device the presence of Stated features, integers, steps, operations, opposite the touch screen display. elements, and/or components, but do not preclude the pres Thus, the invention provides a portable multifunction ence or addition of one or more other features, integers, steps, device with more transparent and intuitive user interfaces for operations, elements, components, and/or groups thereof. implementing screen rotations. Embodiments of a portable multifunction device, user interfaces for Such devices, and associated processes for BRIEF DESCRIPTION OF THE DRAWINGS using such devices are described. In some embodiments, the device is a portable communications device Such as a mobile For a better understanding of the aforementioned embodi telephone that also contains other functions, such as PDA ments of the invention as well as additional embodiments 25 and/or music player functions. thereof, reference should be made to the Description of The user interface may include a physical click wheel in Embodiments below, in conjunction with the following draw addition to a touchscreen or a virtual click wheel displayed on ings in which like reference numerals refer to corresponding the touchscreen. A click wheel is a user-interface device that parts throughout the figures. may provide navigation commands based on an angular dis FIGS. 1A and 1B are block diagrams illustrating portable 30 placement of the wheel or a point of contact with the wheel by multifunction devices with touch-sensitive displays in accor a user of the device. A click wheel may also be used to provide dance with some embodiments. a user command corresponding to selection of one or more FIG. 2 illustrates a portable multifunction device having a items, for example, when the user of the device presses down touch screen in accordance with some embodiments. on at least a portion of the wheel or the center of the wheel. FIG.3 illustrates an exemplary user interface for unlocking 35 Alternatively, breaking contact with a click wheel image on a a portable electronic device inaccordance with some embodi touch screen Surface may indicate a user command corre mentS. sponding to selection. For simplicity, in the discussion that FIGS. 4A and 4B illustrate exemplary user interfaces for a follows, a portable multifunction device that includes a touch menu of applications on a portable multifunction device in screen is used as an exemplary embodiment. It should be accordance with Some embodiments. 40 understood, however, that some of the user interfaces and FIGS. 5A-5C illustrate an exemplary screen rotation ges associated processes may be applied to other devices, such as ture in accordance with Some embodiments. personal computers and laptop computers, that may include FIG. 6 is a flow diagram illustrating a process for imple one or more other physical user-interface devices, such as a menting screen rotation gestures in accordance with some physical click wheel, a physical keyboard, a mouse and/or a embodiments. 45 joystick. FIGS. 7A-7C illustrate an exemplary screen rotation ges The device Supports a variety of applications, such as a ture in accordance with Some embodiments. telephone application, a video conferencing application, an FIG. 8 is a flow diagram illustrating a process for imple e-mail application, an instant messaging application, a blog menting screen rotation gestures in accordance with some ging application, a digital camera application, a digital video embodiments. 50 camera application, a web browsing application, a digital music player application, and/or a digital video player appli DESCRIPTION OF EMBODIMENTS cation. The various applications that may be executed on the Reference will now be made in detail to embodiments, device may use at least one common physical user-interface examples of which are illustrated in the accompanying draw 55 device, such as the touchscreen. One or more functions of the ings. In the following detailed description, numerous specific touch screen as well as corresponding information displayed details are set forth in order to provide a thorough understand on the device may be adjusted and/or varied from one appli ing of the present invention. However, it will be apparent to cation to the next and/or within a respective application. In one of ordinary skill in the art that the present invention may this way, a common physical architecture (such as the touch be practiced without these specific details. In other instances, 60 screen) of the device may support the variety of applications well-known methods, procedures, components, circuits, and with user interfaces that are intuitive and transparent. networks have not been described in detailso as not to unnec The user interfaces may include one or more soft keyboard essarily obscure aspects of the embodiments. embodiments. The soft keyboard embodiments may include It will also be understood that, although the terms first, standard (QWERTY) and/or non-standard configurations of second, etc. may be used herein to describe various elements, 65 symbols on the displayed icons of the keyboard. Such as those these elements should not be limited by these terms. These described in U.S. patent application Ser. No. 1 1/459,606, terms are only used to distinguish one element from another. “Keyboards For Portable Electronic Devices.” filed Jul. 24, US 7,978,182 B2 7 8 2006, and Ser. No. 1 1/459,615, “TouchScreen Keyboards For cuitry 108 converts electrical signals to/from electromagnetic Portable Electronic Devices, filed Jul. 24, 2006, the contents signals and communicates with communications networks of which are hereby incorporated by reference in their and other communications devices via the electromagnetic entirety. The keyboard embodiments may include a reduced signals. The RF circuitry 108 may include well-known cir number of icons (or soft keys) relative to the number of keys cuitry for performing these functions, including but not lim in existing physical keyboards, such as that for a typewriter. ited to an antenna system, an RF transceiver, one or more This may make it easier for users to select one or more icons amplifiers, a tuner, one or more oscillators, a digital signal in the keyboard, and thus, one or more corresponding sym processor, a CODEC chipset, a subscriber identity module bols. The keyboard embodiments may be adaptive. For (SIM) card, memory, and so forth. The RF circuitry 108 may example, displayed icons may be modified in accordance 10 communicate with networks. Such as the Internet, also with user actions, such as selecting one or more icons and/or referred to as the World Wide Web (WWW), an intranet one or more corresponding symbols. One or more applica and/or a wireless network, Such as a cellular telephone net tions on the portable device may utilize common and/or dif work, a wireless local area network (LAN) and/or a metro ferent keyboard embodiments. Thus, the keyboard embodi politan area network (MAN), and other devices by wireless ment used may be tailored to at least some of the applications. 15 communication. The wireless communication may use any of In some embodiments, one or more keyboard embodiments a plurality of communications standards, protocols and tech may be tailored to a respective user. For example, one or more nologies, including but not limited to Global System for keyboard embodiments may be tailored to a respective user Mobile Communications (GSM), Enhanced Data GSM Envi based on a word usage history (lexicography, slang, indi ronment (EDGE), high-speed downlink packet access (HS vidual usage) of the respective user. Some of the keyboard DPA), wideband code division multiple access (W-CDMA), embodiments may be adjusted to reduce a probability of a code division multiple access (CDMA), time division mul user error when selecting one or more icons, and thus one or tiple access (TDMA), Bluetooth, Wireless Fidelity (Wi-Fi) more symbols, when using the Soft keyboard embodiments. (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g and/or Attention is now directed towards embodiments of the IEEE 802.11n), voice over Internet Protocol (VoIP), device. FIGS. 1A and 1B are block diagrams illustrating 25 Wi-MAX, a protocol for email (e.g., Internet message access portable multifunction devices 100 with touch-sensitive dis protocol (IMAP) and/or post office protocol (POP)), instant plays 112 in accordance with some embodiments. The touch messaging (e.g., extensible messaging and presence protocol sensitive display 112 is sometimes called a “touchscreen” for (XMPP), Session Initiation Protocol for Instant Messaging convenience, and may also be known as or called a touch and Presence Leveraging Extensions (SIMPLE), and/or sensitive display system. The device 100 may include a 30 Instant Messaging and Presence Service (IMPS)), and/or memory 102 (which may include one or more computer read Short Message Service (SMS)), or any other suitable com able storage mediums), a memory controller 122, one or more munication protocol, including communication protocols not processing units (CPUs) 120, a peripherals interface 118, RF yet developed as of the filing date of this document. circuitry 108, audio circuitry 110, a speaker 111, a micro The audio circuitry 110, the speaker 111, and the micro phone 113, an input/output (I/O) subsystem 106, other input 35 phone 113 provide an audio interface between a user and the or control devices 116, and an external port 124. The device device 100. The audio circuitry 110 receives audio data from 100 may include one or more optical sensors 164. These the peripherals interface 118, converts the audio data to an components may communicate over one or more communi electrical signal, and transmits the electrical signal to the cation buses or signal lines 103. speaker 111. The speaker 111 converts the electrical signal to It should be appreciated that the device 100 is only one 40 human-audible sound waves. The audio circuitry 110 also example of a portable multifunction device 100, and that the receives electrical signals converted by the microphone 113 device 100 may have more or fewer components than shown, from sound waves. The audio circuitry 110 converts the elec may combine two or more components, or a may have a trical signal to audio data and transmits the audio data to the different configuration or arrangement of the components. peripherals interface 118 for processing. Audio data may be The various components shown in FIGS. 1A and 1B may be 45 retrieved from and/or transmitted to memory 102 and/or the implemented in hardware, software or a combination of both RF circuitry 108 by the peripherals interface 118. In some hardware and software, including one or more signal process embodiments, the audio circuitry 110 also includes aheadset ing and/or application specific integrated circuits. jack (e.g. 212, FIG. 2). The headsetjack provides an interface Memory 102 may include high-speed random access between the audio circuitry 110 and removable audio input/ memory and may also include non-volatile memory. Such as 50 output peripherals, such as output-only headphones orahead one or more magnetic disk storage devices, flash memory set with both output (e.g., a headphone for one or both ears) devices, or other non-volatile solid-state memory devices. and input (e.g., a microphone). Access to memory 102 by other components of the device The I/O subsystem 106 couples input/output peripherals on 100, such as the CPU 120 and the peripherals interface 118, the device 100, such as the touch screen 112 and other input/ may be controlled by the memory controller 122. 55 control devices 116, to the peripherals interface 118. The I/O The peripherals interface 118 couples the input and output subsystem 106 may include a display controller 156 and one peripherals of the device to the CPU 120 and memory 102. or more input controllers 160 for other input or control The one or more processors 120 run or execute various soft devices. The one or more input controllers 160 receive/send ware programs and/or sets of instructions stored in memory electrical signals from/to other input or control devices 116. 102 to perform various functions for the device 100 and to 60 The other input/control devices 116 may include physical process data. buttons (e.g., push buttons, rocker buttons, etc.), dials, slider In some embodiments, the peripherals interface 118, the Switches, joysticks, click wheels, and so forth. In some alter CPU 120, and the memory controller 122 may be imple nate embodiments, input controller(s) 160 may be coupled to mented on a single chip. Such as a chip 104. In some other any (or none) of the following: a keyboard, infrared port, USB embodiments, they may be implemented on separate chips. 65 port, and a pointer device Such as a mouse. The one or more The RF (radio frequency) circuitry 108 receives and sends buttons (e.g., 208, FIG. 2) may include an up/down button for RF signals, also called electromagnetic signals. The RF cir volume control of the speaker 111 and/or the microphone US 7,978,182 B2 9 10 113. The one or more buttons may include a pushbutton (e.g., Placement On A Touch Screen User Interface.” filed Sep. 16, 206, FIG. 2). A quick press of the pushbutton may disengage 2005; (7) U.S. patent application Ser. No. 1 1/228.700, a lock of the touch screen 112 or begin a process that uses “Operation Of A Computer With A Touch Screen Interface.” gestures on the touchscreen to unlock the device, as described filed Sep. 16, 2005; (8) U.S. patent application Ser. No. in U.S. patent application Ser. No. 1 1/322.549, "Unlocking a 5 11/228.737, “Activating Virtual Keys Of A Touch-Screen Vir Device by Performing Gestures on an Unlock Image.” filed tual Keyboard filed Sep. 16, 2005; and (9) U.S. patent appli Dec. 23, 2005, which is hereby incorporated by reference in cation Ser. No. 1 1/367,749, “Multi-Functional Hand-Held their entirety. A longer press of the push button (e.g., 206) Device.” filed Mar. 3, 2006. All of these applications are may turn power to the device 100 on or off. The user may be incorporated by reference in their entirety. able to customize a functionality of one or more of the but 10 The touch screen 112 may have a resolution in excess of tons. The touchscreen 112 is used to implement virtual or soft 100 dpi. In an exemplary embodiment, the touchscreen has a buttons and one or more soft keyboards. resolution of approximately 160 dpi. The user may make The touch-sensitive touch screen 112 provides an input contact with the touchscreen 112 using any suitable object or interface and an output interface between the device and a appendage. Such as a stylus, a finger, and so forth. In some user. The display controller 156 receives and/or sends elec 15 embodiments, the user interface is designed to work primarily trical signals from/to the touch screen 112. The touch screen with finger-based contacts and gestures, which are much less 112 displays visual output to the user. The visual output may precise than stylus-based input due to the larger area of con include graphics, text, icons, video, and any combination tact of a finger on the touch screen. In some embodiments, the thereof (collectively termed “graphics”). In some embodi device translates the rough finger-based input into a precise ments, some or all of the visual output may correspond to pointer/cursor position or command for performing the user-interface objects, further details of which are described actions desired by the user. below. In some embodiments, in addition to the touch screen, the A touch screen 112 has a touch-sensitive surface, sensor or device 100 may include a touchpad (not shown) for activating set of sensors that accepts input from the user based on haptic or deactivating particular functions. In some embodiments, and/or tactile contact. The touch screen 112 and the display 25 the touchpad is a touch-sensitive area of the device that, controller 156 (along with any associated modules and/or sets unlike the touch screen, does not display visual output. The of instructions in memory 102) detect contact (and any move touchpad may be a touch-sensitive Surface that is separate ment or breaking of the contact) on the touch screen 112 and from the touch screen 112 or an extension of the touch converts the detected contact into interaction with user-inter sensitive surface formed by the touch screen. face objects (e.g., one or more soft keys, icons, web pages or 30 In some embodiments, the device 100 may include a physi images) that are displayed on the touch screen. In an exem cal or virtual click wheel as an input control device 116. A plary embodiment, a point of contact between a touch screen user may navigate among and interact with one or more 112 and the user corresponds to a finger of the user. graphical objects (henceforth referred to as icons) displayed The touchscreen 112 may use LCD (liquid crystal display) in the touch screen 112 by rotating the click wheel or by technology, or LPD (light emitting polymer display) technol 35 moving a point of contact with the click wheel (e.g., where the ogy, although other display technologies may be used in other amount of movement of the point of contact is measured by its embodiments. The touch screen 112 and the display control angular displacement with respect to a center point of the ler 156 may detect contact and any movement or breaking click wheel). The click wheel may also be used to select one thereofusing any of a plurality of touch sensing technologies or more of the displayed icons. For example, the user may now known or later developed, including but not limited to 40 press down on at least a portion of the click wheel or an capacitive, resistive, infrared, and Surface acoustic wave tech associated button. User commands and navigation commands nologies, as well as other proximity sensor arrays or other provided by the user via the click wheel may be processed by elements for determining one or more points of contact with an input controller 160 as well as one or more of the modules a touch screen 112. and/or sets of instructions in memory 102. For a virtual click A touch-sensitive display in Some embodiments of the 45 wheel, the click wheel and click wheel controller may be part touch screen 112 may be analogous to the multi-touch sensi of the touchscreen 112 and the display controller 156, respec tive tablets described in the following U.S. Pat. No. 6,323,846 tively. For a virtual click wheel, the click wheel may be either (Westerman et al.), U.S. Pat. No. 6,570,557 (Westerman et an opaque or semitransparent object that appears and disap al.), and/or U.S. Pat. No. 6,677,932 (Westerman), and/or U.S. pears on the touch screen display in response to user interac Patent Publication 2002/0015024A1, each of which is hereby 50 tion with the device. In some embodiments, a virtual click incorporated by reference in their entirety. However, a touch wheel is displayed on the touch screen of a portable multi screen 112 displays visual output from the portable device function device and operated by user contact with the touch 100, whereas touch sensitive tablets do not provide visual SCC. output. The device 100 also includes a power system 162 for pow A touch-sensitive display in Some embodiments of the 55 ering the various components. The power system 162 may touchscreen 112 may be as described in the following appli include a power management system, one or more power cations: (1) U.S. patent application Ser. No. 1 1/381.313, Sources (e.g., battery, alternating current (AC)), a recharging “Multipoint TouchSurface Controller” filed May 2, 2006; (2) system, a power failure detection circuit, a power converter or U.S. patent application Ser. No. 10/840,862, “Multipoint inverter, a power status indicator (e.g., a light-emitting diode Touchscreen.” filed May 6, 2004; (3) U.S. patent application 60 (LED)) and any other components associated with the gen Ser. No. 10/903,964, “Gestures For Touch Sensitive Input eration, management and distribution of power in portable Devices, filed Jul. 30, 2004; (4) U.S. patent application Ser. devices. No. 11/048.264, “Gestures For Touch Sensitive Input The device 100 may also include one or more optical Devices, filed Jan. 31, 2005; (5) U.S. patent application Ser. sensors 164. FIGS. 1A and 1B show an optical sensor coupled No. 11/038,590, “Mode-Based Graphical User Interfaces For 65 to an optical sensor controller 158 in I/O subsystem 106. The Touch Sensitive Input Devices.” filed Jan. 18, 2005; (6) U.S. optical sensor 164 may include charge-coupled device (CCD) patent application Ser. No. 1 1/228,758, “Virtual Input Device or complementary metal-oxide semiconductor (CMOS) pho US 7,978,182 B2 11 12 totransistors. The optical sensor 164 receives light from the and/or drivers for controlling and managing general system environment, projected through one or more lens, and con tasks (e.g., memory management, storage device control, verts the light to data representing an image. In conjunction power management, etc.) and facilitates communication with an imaging module 143 (also called a camera module). between various hardware and software components. the optical sensor 164 may capture still images or video. In 5 The communication module 128 facilitates communica Some embodiments, an optical sensor is located on the back of tion with other devices over one or more external ports 124 the device 100, opposite the touch screen display 112 on the and also includes various Software components for handling front of the device, so that the touch screen display may be data received by the RF circuitry 108 and/or the external port used as a viewfinder for either still and/or video image acqui 124. The external port 124 (e.g., Universal Serial Bus (USB), sition. In some embodiments, an optical sensor is located on 10 FIREWIRE, etc.) is adapted for coupling directly to other the front of the device so that the user's image may be devices or indirectly over a network (e.g., the Internet, wire obtained for videoconferencing while the user views the other less LAN, etc.). In some embodiments, the external port is a Video conference participants on the touch screen display. In multi-pin (e.g., 30-pin) connector that is the same as, or Some embodiments, the position of the optical sensor 164 can similar to and/or compatible with the 30-pin connector used be changed by the user (e.g., by rotating the lens and the 15 on iPod (trademark of Apple Computer, Inc.) devices. sensor in the device housing) so that a single optical sensor The contact/motion module 130 may detect contact with 164 may be used along with the touchscreen display for both the touchscreen 112 (in conjunction with the display control Video conferencing and still and/or video image acquisition. ler 156) and other touch sensitive devices (e.g., a touchpad or The device 100 may also include one or more proximity physical click wheel). The contact/motion module 130 sensors 166. FIGS. 1A and 1B show a proximity sensor 166 includes various Software components for performing various coupled to the peripherals interface 118. Alternately, the operations related to detection of contact, such as determining proximity sensor 166 may be coupled to an input controller if contact has occurred, determining if there is movement of 160 in the I/O subsystem 106. The proximity sensor 166 may the contact and tracking the movement across the touch perform as described in U.S. patent application Ser. No. screen 112, and determining if the contact has been broken 1 1/241,839, “Proximity Detector In Handheld Device.” filed 25 (i.e., if the contact has ceased). Determining movement of the Sep. 30, 2005: Ser. No. 1 1/240,788, “Proximity Detector In point of contact may include determining speed (magnitude), Handheld Device.” filed Sep. 30, 2005; number to be deter Velocity (magnitude and direction), and/or an acceleration (a mined, filed Jan. 7, 2007. “Using Ambient Light Sensor To change in magnitude and/or direction) of the point of contact. Augment Proximity Sensor Output; number to be deter These operations may be applied to single contacts (e.g., one mined, filed Oct. 24, 2006, “Automated Response To And 30 finger contacts) or to multiple simultaneous contacts (e.g., Sensing Of User Activity In Portable Devices, and number to “multitouch'/multiple finger contacts). In some embodi be determined, filed Dec. 12, 2006, "Methods And Systems ments, the contact/motion module 130 and the display con For Automatic Configuration Of Peripherals, which are troller 156 also detects contact on a touchpad. In some hereby incorporated by reference in their entirety. In some embodiments, the contact/motion module 130 and the con embodiments, the proximity sensor turns off and disables the 35 troller 160 detects contact on a click wheel. touch screen 112 when the multifunction device is placed The graphics module 132 includes various known software near the user's ear (e.g., when the user is making a phone components for rendering and displaying graphics on the call). In some embodiments, the proximity sensor keeps the touch screen 112, including components for changing the screen off when the device is in the user's pocket, purse, or intensity of graphics that are displayed. As used herein, the other dark area to prevent unnecessary battery drainage when 40 term 'graphics includes any object that can be displayed to the device is a locked state. a user, including without limitation text, web pages, icons The device 100 may also include one or more accelerom (such as user-interface objects including soft keys), digital eters 168. FIGS. 1A and 1B show an accelerometer 168 images, videos, animations and the like. coupled to the peripherals interface 118. Alternately, the The text input module 134, which may be a component of accelerometer 168 may be coupled to an input controller 160 45 graphics module 132, provides soft keyboards for entering in the I/O subsystem 106. The accelerometer 168 may per text in various applications (e.g., contacts 137, e-mail 140, IM form as described in U.S. Patent Publication No. 141, blogging 142, browser 147, and any other application 20050190059, “Acceleration-based Theft Detection System that needs text input). for Portable Electronic Devices, and U.S. Patent Publication The GPS module 135 determines the location of the device No. 20060017692, “Methods AndApparatuses For Operating 50 and provides this information for use in various applications A Portable Device Based On An Accelerometer both of (e.g., to telephone 138 for use in location-based dialing, to which are which are incorporated herein by reference. In camera 143 and/or blogger 142 as picture/video metadata, Some embodiments, information is displayed on the touch and to applications that provide location-based services Such screen display in a portrait view or a landscape view based on as weather widgets, local yellow page widgets, and map/ an analysis of data received from the one or more accelerom 55 navigation widgets). eters. The applications 136 may include the following modules In some embodiments, the Software components stored in (or sets of instructions), or a Subset or Superset thereof: memory 102 may include an operating system 126, a com a contacts module 137 (sometimes called an address book munication module (or set of instructions) 128, a contact/ or contact list); motion module (or set of instructions) 130, a graphics module 60 a telephone module 138: (or set of instructions) 132, a text input module (or set of a video conferencing module 139: instructions) 134, a Global Positioning System (GPS) module an e-mail client module 140; (or set of instructions) 135, and applications (or set of instruc an instant messaging (IM) module 141; tions) 136. a blogging module 142: The operating system 126 (e.g., Darwin, RTXC, LINUX, 65 a camera module 143 for still and/or video images: UNIX, OSX,WINDOWS, or an embedded operating system an image management module 144; such as VxWorks) includes various software components a video player module 145: US 7,978,182 B2 13 14 a music player module 146; 132, and text input module 134, the instant messaging module a browser module 147: 141 may be used to enter a sequence of characters corre a calendar module 148; sponding to an instant message, to modify previously entered widget modules 149, which may include weather widget characters, to transmit a respective instant message (for 149-1, stocks widget 149-2, calculator widget 149-3. 5 example, using a Short Message Service (SMS) or Multime alarm clock widget 149-4, dictionary widget 149-5, and dia Message Service (MMS) protocol for telephony-based other widgets obtained by the user, as well as user instant messages or using XMPP SIMPLE, or IMPS for created widgets 149-6; Internet-based instant messages), to receive instant messages widget creator module 150 for making user-created wid and to view received instant messages. In some embodiments, gets 149-6; 10 transmitted and/or received instant messages may include search module 151; graphics, photos, audio files, video files and/or other attach video and music player module 152, which merges video ments as are supported in a MMS and/or an Enhanced Mes player module 145 and music player module 146; saging Service (EMS). As used herein, “instant messaging notes module 153; and/or refers to both telephony-based messages (e.g., messages sent map module 154. 15 using SMS or MMS) and Internet-based messages (e.g., mes Examples of other applications 136 that may be stored in sages sent using XMPP, SIMPLE, or IMPS). Embodiments of memory 102 include other word processing applications, user interfaces and associated processes using instant mes JAVA-enabled applications, encryption, digital rights man saging module 141 are described further below. agement, Voice recognition, and Voice replication. In conjunction with RF circuitry 108, touch screen 112, In conjunction with touch screen 112, display controller display controller 156, contact module 130, graphics module 156, contact module 130, graphics module 132, and text input 132, text input module 134, image management module 144, module 134, the contacts module 137 may be used to manage and browsing module 147, the blogging module 142 may be an address book or contact list, including: adding name(s) to used to send text, still images, video, and/or other graphics to the address book, deleting name(s) from the address book; a blog (e.g., the user's blog). Embodiments of user interfaces associating telephone number(s), e-mail address(es), physi 25 and associated processes using blogging module 142 are cal address(es) or other information with a name; associating described further below. an image with a name; categorizing and Sorting names; pro In conjunction with touch screen 112, display controller viding telephone numbers or e-mail addresses to initiate and/ 156, optical sensor(s) 164, optical sensor controller 158, con or facilitate communications by telephone 138, video confer tact module 130, graphics module 132, and image manage ence 139, e-mail 140, or IM 141; and so forth. Embodiments 30 ment module 144, the camera module 143 may be used to of user interfaces and associated processes using contacts capture still images or video (including a video stream) and module 137 are described further below. store them into memory 102, modify characteristics of a still In conjunction with RF circuitry 108, audio circuitry 110, image or video, or delete a still image or video from memory speaker 111, microphone 113, touchscreen 112, display con 102. Embodiments of user interfaces and associated pro troller 156, contact module 130, graphics module 132, and 35 cesses using camera module 143 are described further below. text input module 134, the telephone module 138 may be used In conjunction with touch screen 112, display controller to enter a sequence of characters corresponding to a telephone 156, contact module 130, graphics module 132, text input number, access one or more telephone numbers in the address module 134, and camera module 143, the image management book 137, modify a telephone number that has been entered, module 144 may be used to arrange, modify or otherwise dial a respective telephone number, conduct a conversation 40 manipulate, label, delete, present (e.g., in a digital slide show and disconnect or hang up when the conversation is com or album), and store still and/or video images. Embodiments pleted. As noted above, the wireless communication may use ofuser interfaces and associated processes using image man any of a plurality of communications standards, protocols and agement module 144 are described further below. technologies. Embodiments of user interfaces and associated In conjunction with touch screen 112, display controller processes using telephone module 138 are described further 45 156, contact module 130, graphics module 132, audio cir below. cuitry 110, and speaker 111, the video player module 145 may In conjunction with RF circuitry 108, audio circuitry 110, be used to display, present or otherwise playback Videos (e.g., speaker 111, microphone 113, touchscreen 112, display con on the touch screen or on an external, connected display via troller 156, optical sensor 164, optical sensor controller 158, external port 124). Embodiments of user interfaces and asso contact module 130, graphics module 132, text input module 50 ciated processes using video player module 145 are described 134, contact list 137, and telephone module 138, the video further below. conferencing module 139 may be used to initiate, conduct, In conjunction with touch screen 112, display system con and terminate a video conference between a user and one or troller 156, contact module 130, graphics module 132, audio more other participants. Embodiments of user interfaces and circuitry 110, speaker 111, RF circuitry 108, and browser associated processes using videoconferencing module 139 55 module 147, the music player module 146 allows the user to are described further below. download and playback recorded music and other Sound files In conjunction with RF circuitry 108, touch screen 112, stored in one or more file formats, such as MP3 or AAC files. display controller 156, contact module 130, graphics module In some embodiments, the device 100 may include the func 132, and text input module 134, the e-mail client module 140 tionality of an MP3 player, such as an iPod (trademark of may be used to create, send, receive, and manage e-mail. In 60 Apple Computer, Inc.). Embodiments of user interfaces and conjunction with image management module 144, the e-mail associated processes using music player module 146 are module 140 makes it very easy to create and send e-mails with described further below. still or video images taken with camera module 143. Embodi In conjunction with RF circuitry 108, touch screen 112, ments of user interfaces and associated processes using display system controller 156, contact module 130, graphics e-mail module 140 are described further below. 65 module 132, and text input module 134, the browser module In conjunction with RF circuitry 108, touch screen 112, 147 may be used to browse the Internet, including searching, display controller 156, contact module 130, graphics module linking to, receiving, and displaying web pages or portions US 7,978,182 B2 15 16 thereof, as well as attachments and other files linked to web In some embodiments, memory 102 may store a subset of the pages. Embodiments of user interfaces and associated pro modules and data structures identified above. Furthermore, cesses using browser module 147 are described further below. memory 102 may store additional modules and data struc In conjunction with RF circuitry 108, touch screen 112, tures not described above. display system controller 156, contact module 130, graphics In some embodiments, the device 100 is a device where module 132, text input module 134, e-mail module 140, and operation of a predefined set of functions on the device is browser module 147, the calendar module 148 may be used to performed exclusively through a touch screen 112 and/or a create, display, modify, and store calendars and data associ touchpad. By using a touch screen and/or a touchpad as the ated with calendars (e.g., calendar entries, to do lists, etc.). primary input/control device for operation of the device 100, Embodiments of user interfaces and associated processes 10 the number of physical input/control devices (such as push using calendar module 148 are described further below. In conjunction with RF circuitry 108, touch screen 112, buttons, dials, and the like) on the device 100 may be reduced. display system controller 156, contact module 130, graphics The predefined set of functions that may be performed module 132, text input module 134, and browser module 147. exclusively through a touch screen and/or a touchpad include the widget modules 149 are mini-applications that may be 15 navigation between user interfaces. In some embodiments, downloaded and used by a user (e.g., weather widget 149-1, the touchpad, when touched by the user, navigates the device stocks widget 149-2, calculator widget 149-3, alarm clock 100 to a main, home, or root menu from any user interface that widget 149-4, and dictionary widget 149-5) or created by the may be displayed on the device 100. In such embodiments, user (e.g., user-created widget 149-6). In some embodiments, the touchpad may be referred to as a "menu button. In some a widget includes an HTML (Hypertext Markup Language) other embodiments, the menu button may be a physical push file, a CSS (Cascading Style Sheets) file, and a JavaScriptfile. button or other physical input/control device instead of a In some embodiments, a widget includes an XML (Extensible touchpad. Markup Language) file and a JavaScript file (e.g., Yahoo! FIG. 2 illustrates a portable multifunction device 100 hav Widgets). Embodiments of user interfaces and associated ing a touch screen 112 in accordance with Some embodi processes using widget modules 149 are described further 25 ments. The touch screen may display one or more graphics below. within user interface (UI) 200. In this embodiment, as well as In conjunction with RF circuitry 108, touch screen 112, others described below, a user may select one or more of the display system controller 156, contact module 130, graphics graphics by making contact or touching the graphics, for module 132, text input module 134, and browser module 147. example, with one or more fingers 202 (not drawn to scale in the widget creator module 150 may be used by a user to create 30 the figure). In some embodiments, selection of one or more widgets (e.g., turning a user-specified portion of a web page graphics occurs when the user breaks contact with the one or into a widget). Embodiments of user interfaces and associated more graphics. In some embodiments, the contact may processes using widget creator module 150 are described include a gesture, Such as one or more taps, one or more further below. swipes (from left to right, right to left, upward and/or down In conjunction with touch screen 112, display system con 35 ward) and/or a rolling of a finger (from right to left, left to troller 156, contact module 130, graphics module 132, and right, upward and/or downward) that has made contact with text input module 134, the search module 151 may be used to the device 100. In some embodiments, inadvertent contact search for text, music, Sound, image, video, and/or other files with a graphic may not select the graphic. For example, a in memory 102 that match one or more search criteria (e.g., Swipe gesture that Sweeps over an application icon may not one or more user-specified search terms). Embodiments of 40 select the corresponding application when the gesture corre user interfaces and associated processes using search module sponding to selection is a tap. 151 are described further below. The device 100 may also include one or more physical In conjunction with touch screen 112, display controller buttons, such as "home” or menu button 204. As described 156, contact module 130, graphics module 132, and text input previously, the menu button 204 may be used to navigate to module 134, the notes module 153 may be used to create and 45 any application 136 in a set of applications that may be manage notes, to do lists, and the like. Embodiments of user executed on the device 100. Alternatively, in some embodi interfaces and associated processes using notes module 153 ments, the menu button is implemented as a soft key in a GUI are described further below. in touch screen 112. In conjunction with RF circuitry 108, touch screen 112, In one embodiment, the device 100 includes a touchscreen display system controller 156, contact module 130, graphics 50 112, a menu button 204, a push button 206 for powering the module 132, text input module 134, GPS module 135, and device on/off and locking the device, Volume adjustment browser module 147, the map module 154 may be used to button(s) 208, a Subscriber Identity Module (SIM) card slot receive, display, modify, and store maps and data associated 210, ahead setjack 212, and a docking/charging external port with maps (e.g., driving directions; data on stores and other 124. The push button 206 may be used to turn the power points of interest at or near a particular location; and other 55 on/off on the device by depressing the button and holding the location-based data). Embodiments of user interfaces and button in the depressed state for a predefined time interval; to associated processes using map module 154 are described lock the device by depressing the button and releasing the further below. button before the predefined time interval has elapsed; and/or Each of the above identified modules and applications cor to unlock the device or initiate an unlock process. In an respond to a set of instructions for performing one or more 60 alternative embodiment, the device 100 also may accept ver functions described above. These modules (i.e., sets of bal input for activation or deactivation of some functions instructions) need not be implemented as separate Software through the microphone 113. programs, procedures or modules, and thus various Subsets of Attention is now directed towards embodiments of user these modules may be combined or otherwise re-arranged in interfaces (“UI”) and associated processes that may be imple various embodiments. For example, video player module 145 65 mented on a portable multifunction device 100. may be combined with music player module 146 into a single FIG.3 illustrates an exemplary user interface for unlocking module (e.g., video and music player module 152, FIG. 1B). a portable electronic device in accordance with some embodi US 7,978,182 B2 17 18 ments. In some embodiments, user interface 300 includes the SettingS 412, which provides access to settings for the following elements, or a Subset or Superset thereof: device 100 and its various applications 136, as described Unlock image 302 that is moved with a finger gesture to further below; and unlock the device; Video and music player module 152, also referred to as Arrow 304 that provides a visual cue to the unlock gesture: 5 iPod (trademark of Apple Computer, Inc.) module 152. Channel 306 that provides additional cues to the unlock In some embodiments, UI 400A or 400B displays all of the gesture; available applications 136 on one screen so that there is no Time 308: need to scroll through a list of applications (e.g., via a scroll Day 310; bar). In some embodiments, as the number of applications Date 312; and 10 increase, the icons corresponding to the applications may Wallpaper image 314. decrease in size so that all applications may be displayed on a In some embodiments, the device detects contact with the single screen without Scrolling. In some embodiments, hav touch-sensitive display (e.g., a user's finger making contact ing all applications on one screen and a menu button enables on or near the unlock image 302) while the device is in a 15 a user to access any desired application with at most two user-interface lock state. The device moves the unlock image inputs, such as activating the menu button 204 and then acti 302 in accordance with the contact. The device transitions to Vating the desired application (e.g., by a tap or other finger a user-interface unlock state if the detected contact corre gesture on the icon corresponding to the application). sponds to a predefined gesture, such as moving the unlock In some embodiments, UI 400A or 400B provides inte image across channel 306. Conversely, the device maintains grated access to both widget-based applications and non the user-interface lock state if the detected contact does not widget-based applications. In some embodiments, all of the correspond to the predefined gesture. As noted above, pro widgets, whether user-created or not, are displayed in UI cesses that use gestures on the touch screen to unlock the 400A or 400B. In other embodiments, activating the icon for device are described in U.S. patent application Ser. No. user-created widget 149-6 may lead to another UI that con 1 1/322.549, "Unlocking A Device By Performing Gestures 25 tains the user-created widgets or icons corresponding to the On An Unlock Image.” filed Dec. 23, 2005, and Ser. No. user-created widgets. 1 1/322,550, “Indication Of Progress Towards Satisfaction Of In Some embodiments, a user may rearrange the icons in UI A User Input Condition.” filed Dec. 23, 2005, which are 400A or 400B, e.g., using processes described in U.S. patent hereby incorporated by reference in their entirety. application Ser. No. 1 1/459,602, “Portable Electronic Device 30 With Interface Reconfiguration Mode.” filed Jul. 24, 2006, FIGS. 4A and 4B illustrate exemplary user interfaces for a which is hereby incorporated by reference in its entirety. For menu of applications on a portable multifunction device in example, a user may move application icons in and out of tray accordance with some embodiments. In some embodiments, 408 using finger gestures. user interface 400A includes the following elements, or a In some embodiments, UI 400A or 400B includes a gauge subset or superset thereof: 35 (not shown) that displays an updated account usage metric for Signal strength indicator(s) 402 for wireless communica an account associated with usage of the device (e.g., a cellular tion(s). Such as cellular and Wi-Fi signals; phone account), as described in U.S. patent application Ser. Time 404; No. 1 1/322.552, “Account Information Display For Portable Battery status indicator 406; Communication Device filed Dec. 23, 2005, which is Tray 408 with icons for frequently used applications, such 40 hereby incorporated by reference in its entirety. as one or more of the following: FIGS. 5A-5C illustrate an exemplary screen rotation ges Phone 138, which may include an indicator 414 of the ture in accordance with some embodiments. number of missed calls or voicemail messages; FIG. 6 is a flow diagram illustrating a process for imple E-mail client 140, which may include an indicator 410 of menting screen rotation gestures in accordance with some the number of unread e-mails; 45 embodiments. Browser 147; and In some embodiments, a portable multifunction device Music player 146; and (e.g., device 100) displays (602) a first application 5702 on a Icons for other applications, such as one or more of the touch screen display (e.g., 112) in a portrait orientation (e.g., following: FIG. 5A). In some embodiments, the first application is a IM 141: 50 browser, a photo manager, a music player, or a video player. Image management 144; In most implementations, but not necessarily all, the display Camera 143: is rectangular, or substantially rectangular (e.g., the display Video player 145: may have rounded corners, but otherwise has a rectangular Weather 149-1; shape). Stocks 149-2: 55 Simultaneous rotation of two thumbs (e.g., 5704-L and Blog 142: 5704-R) in a first sense of rotation is detected (604) on the Calendar 148; touch screen display 112. In some embodiments, the first Calculator 149-3: sense of rotation is a clockwise rotation (e.g., FIG.5C). Alarm clock 149-4, In some embodiments, the sense of rotation for each thumb Dictionary 149-5; and 60 is detected by monitoring the change in orientation of the User-created widget 149-6. contact area of the thumb with the touch screen display. For In some embodiments, user interface 400B includes the example, if the contact area of the thumb is elliptical, the following elements, or a Subset or Superset thereof: change in the orientation of an axis of the ellipse may be 402, 404, 406, 141, 148, 144, 143, 149-3, 149-2, 149-1, detected (e.g., from contact ellipse 5706-L in FIG. 5A to 149-4, 410, 414, 138,140, and 147, as described above: 65 contact ellipse 5708-L in FIG. 5B, as shown on an enlarged Map 154; portion of touch screen 112 in FIG. 5C). In some embodi Notes 153: ments, at least some of a user's otherfingers (i.e., fingers other US 7,978,182 B2 19 20 than thumbs 5704-L and 5704-R) support the device 100 by 80° and 100°, between 75° and 105°, or between 70° and contacting the backside of the device. 110°) in a first sense of rotation is detected (804) on the touch In some embodiments, the first sense of rotation is a coun screen display 112. In some embodiments, the first sense of terclockwise rotation. For example, if thumb 5704-L is ini rotation is a clockwise rotation (e.g., FIG. 7C). In some tially on the lower left side of touchscreen 112 (rather than the 5 embodiments, at least one finger (e.g., 710) on a side of the upper left side in FIG. 5A), thumb 5704-R is initially on the device opposite the touch screen display (i.e., the backside of upper right side of touch screen 112 (rather than the lower the device) is simultaneously detected (805) while detecting right side in FIG. 5A), and the thumbs are moved apart from the rotation of the thumb. each other, then the sense of rotation detected by the touch In some embodiments, the sense of rotation is detected by screen 112 will be counterclockwise for both thumbs. 10 monitoring the change in orientation of the contact area of the In response to detecting the simultaneous rotation of the thumb with the touch screen display. For example, if the two thumbs in the first sense of rotation, the first application contact area of the thumb is elliptical, the change in the 5702 is displayed (606) in a landscape orientation. orientation of an axis of the ellipse may be detected (e.g., from In some embodiments, the simultaneous two-thumb rota contact ellipse 706-R in FIG. 7A to contact ellipse 708-R in tion gesture is used to override automatic changes in portrait? 15 FIG. 7B, as shown on an enlarged portion of touchscreen 112 landscape orientation based on analysis of data from acceler in FIG. 7C). In some embodiments, at least some of a user's ometers 168 until a predetermined condition is met. In some other fingers (i.e., fingers other than thumb 704-R) support embodiments, any changes in orientation of the device that the device 100 by contacting the backside of the device. are detected after the simultaneous rotation of the two thumbs In some embodiments, the first sense of rotation is a coun is detected are disregarded until the device displays a second 20 terclockwise rotation. For example, thumb 704-R is initially application different from the first application. In some on the upper right side of touch screen 112 (rather than the embodiments, any changes in orientation of the device that lower right side in FIG. 7A), and the device is rotated clock are detected after the simultaneous rotation of the two thumbs wise, then the sense of rotation detected by the touch screen is detected are disregarded until the device is put in a locked 112 will be counterclockwise for the thumb. state or turned off. In some embodiments, any changes in 25 In Some embodiments, in response to detecting the rotation orientation of the device that are detected after the simulta of the thumb, the first application 702 is displayed (806) in a neous rotation of the two thumbs is detected are disregarded landscape orientation. In some embodiments, in response to for a predetermined time period. detecting the rotation of the thumb and simultaneously In some embodiments, simultaneous rotation of the two detecting at least one finger on the side of the device opposite thumbs is detected (608) in a second sense of rotation that is 30 the touchscreen display, the first application 702 is displayed opposite the first sense of rotation on the touchscreen display. in a landscape orientation. In response to detecting the simultaneous rotation of the two In some embodiments, the thumb rotation gesture is used to thumbs in the second sense of rotation, the first application is override automatic changes in portrait/landscape orientation displayed (610) in a portrait orientation. based on analysis of data from accelerometers 168 until a In some embodiments, any changes in orientation of the 35 predetermined condition is met. In some embodiments, any device that are detected after the simultaneous rotation of the changes in orientation of the device that are detected after the two thumbs in the first sense is detected are disregarded until rotation of the thumb is detected are disregarded until the the simultaneous rotation of the two thumbs in the second device displays a second application different from the first sense is detected. application. In some embodiments, any changes in orienta A graphical user interface on a portable multifunction 40 tion of the device that are detected after the rotation of the device with a touch screen display comprises an application thumb is detected are disregarded until the device is put in a that is displayed in either a first orientation or a second ori locked State or turned off. In some embodiments, any changes entation, the second orientation being 90° from the first ori in orientation of the device that are detected after the rotation entation. In response to detecting simultaneous rotation of of the thumb is detected are disregarded for a predetermined two thumbs in a first sense of rotation on the touch screen 45 time period. display, the display of the application changes from the first In some embodiments, rotation of the thumb is detected orientation to the second orientation. In some embodiments, (808) within a predetermined range of angles near 90° in a the first orientation is a portraitorientation (e.g., FIG.5A) and second sense of rotation that is opposite the first sense of the second orientation is a landscape orientation (e.g., FIG. rotation on the touch screen display. In response to detecting 5B). In some embodiments, the first orientation is a landscape 50 the rotation of the thumb in the second sense of rotation, the orientation and the second orientation is a portraitorientation. first application is displayed (810) in a portrait orientation. FIGS. 7A-7C illustrate an exemplary screen rotation ges In some embodiments, any changes in orientation of the ture in accordance with Some embodiments. device that are detected after the rotation of the thumb in the FIG. 8 is a flow diagram illustrating a process for imple first sense is detected are disregarded until the rotation of the menting screen rotation gestures in accordance with some 55 thumb in the second sense is detected. embodiments. A graphical user interface on a portable multifunction In some embodiments, a portable multifunction device device with a touch screen display comprises an application (e.g., device 100) displays (802) a first application 702 on a that is displayed in either a first orientation or a second ori touch screen display (e.g., 112) in a portrait orientation (e.g., entation, the second orientation being 90° from the first ori FIG. 7A). In some embodiments, the first application is a 60 entation. In some embodiments, in response to detecting a browser, a photo manager, a music player, or a video player. rotation of a thumb within a predetermined range of angles In most implementations, but not necessarily all, the display near 90° in a first sense of rotation on the touchscreen display, is rectangular, or substantially rectangular (e.g., the display the display of the application changes from the first orienta may have rounded corners, but otherwise has a rectangular tion to the second orientation. In some embodiments, in shape). 65 response to detecting a rotation of a thumb within a predeter Rotation of a thumb (e.g., 704-R) within a predetermined mined range of angles near 90° in a first sense of rotation on range of angles near 90° (e.g., between 85° and 95°, between the touchscreen display and simultaneously detecting at least US 7,978,182 B2 21 22 one finger on a side of the device opposite the touch screen 5. The method of claim 2, wherein the first application is a display, the display of the application changes from the first browser, a photo manager, a music player, or a video player. orientation to the second orientation. 6. The method of claim 2, including disregarding any In some embodiments, the detection of finger positions changes in orientation of the device that are detected after the and/or a palm by sensors on the sides of the device may be simultaneous rotation of the two thumbs is detected until the used to determine whether a user is holding the device in a device displays a second application different from the first portrait or landscape orientation and a corresponding portrait application. or landscape orientation may be displayed on the screen. For 7. The method of claim 2, including disregarding any example, if a palm is detected on one side of the device, the changes in orientation of the device that are detected after the user is probably holding the device in a portrait orientation 10 simultaneous rotation of the two thumbs is detected until the and thus an application may be displayed in a portrait orien device is put in a locked state or turned off. tation on the screen. On the other hand, if only fingers are 8. The method of claim 2, including disregarding, for a detected (e.g., one finger is detected at or near each corner of predetermined time period, any changes in orientation of the the device, because fingers typically have less contact area device that are detected after the simultaneous rotation of the than a palm), the user is probably holding the device in a 15 two thumbs is detected. landscape orientation and thus an application may be dis 9. The method of claim 2, including: played in a landscape orientation on the screen. In some detecting simultaneous rotation of the two thumbs in a embodiments, the detection offinger positions and/or a palm second sense of rotation that is opposite the first sense of by sensors on the sides of the device may be used in conjunc rotation on the touch screen display; and tion with input from other sensors (e.g., accelerometer(s) in response to detecting the simultaneous rotation of the 168) to determine whether a user is holding the device in a two thumbs in the second sense of rotation, displaying portrait or landscape orientation and a corresponding portrait the first application in a portrait orientation. or landscape orientation may be displayed on the screen. 10. The method of claim 9, including disregarding any The foregoing description, for purpose of explanation, has changes in orientation of the device that are detected after the been described with reference to specific embodiments. How 25 simultaneous rotation of the two thumbs in the first sense is ever, the illustrative discussions above are not intended to be detected until the simultaneous rotation of the two thumbs in exhaustive or to limit the invention to the precise forms dis the second sense is detected. closed. Many modifications and variations are possible in 11. A graphical user interface on a portable multifunction view of the above teachings. The embodiments were chosen device with a touch screen display, comprising: and described in order to best explain the principles of the 30 an application that is displayed in either a first orientation invention and its practical applications, to thereby enable or a second orientation, the second orientation being 90° others skilled in the art to best utilize the invention and vari from the first orientation, ous embodiments with various modifications as are Suited to wherein: the particular use contemplated. in response to detecting simultaneous rotation of two What is claimed is: 35 thumbs in a first sense of rotation on the touch screen 1. A method, comprising: display, the display of the application changes from at a portable multifunction device with a touchscreen display: the first orientation to the second orientation. displaying information on the touch screen display in a 12. A portable multifunction device, comprising: portrait orientation; a touch screen display; detecting simultaneous rotation of two thumbs in a first 40 one or more processors; sense of rotation on the touch screen display; memory; and in response to detecting the simultaneous rotation of the one or more programs, wherein the one or more programs two thumbs in the first sense of rotation, displaying the are stored in the memory and configured to be executed information in a landscape orientation; by the one or more processors, the programs including: detecting simultaneous rotation of the two thumbs in a 45 instructions for displaying a first application on the second sense of rotation that is opposite the first sense of touch screen display in a portrait orientation; rotation; and instructions for detecting simultaneous rotation of two in response to detecting the simultaneous rotation of the thumbs in a first sense of rotation on the touch screen two thumbs in the second sense of rotation, displaying display; and the information in a portrait orientation. 50 instructions for displaying the first application in a land 2. A method, comprising: scape orientation in response to detecting the simul at a portable multifunction device with a touchscreen display: taneous rotation of the two thumbs in the first sense of displaying a first application on the touch screen display in rotation. a portrait orientation; 13. A non-transitory computer readable storage medium detecting simultaneous rotation of two thumbs in a first 55 storing one or more programs, the one or more programs sense of rotation on the touch screen display; and comprising instructions, which when executed by a portable in response to detecting the simultaneous rotation of the multifunction device with a touch screen display, cause the two thumbs in the first sense of rotation, displaying the device to: first application in a landscape orientation. display a first application on the touch screen display in a 3. The method of claim 2, wherein the portable multifunc 60 portrait orientation; tion device changes orientation while detecting the simulta detect simultaneous rotation of two thumbs in a first sense neous rotation of two thumbs in the first sense of rotation on of rotation on the touch screen display; and the touch screen display. display the first application in a landscape orientation in 4. The method of claim 2, wherein each respective thumb response to detecting the simultaneous rotation of the of the two thumbs rotates about its own respective axis during 65 two thumbs in the first sense of rotation. simultaneous rotation of the two thumbs in the first sense of 14. A portable multifunction device with a touch screen rotation on the touch screen display. display, comprising: US 7,978,182 B2 23 24 means for displaying a first application on the touch screen instructions for displaying the first application in a land display in a portrait orientation; scape orientation in response to detecting the rotation means for detecting simultaneous rotation of two thumbs of the thumb. in a first sense of rotation on the touch screen display; 23. A non-transitory computer readable storage medium and 5 storing one or more programs, the one or more programs means for displaying the first application in a landscape comprising instructions, which when executed by a portable orientation in response to detecting the simultaneous multifunction device with a touch screen display, cause the rotation of the two thumbs in the first sense of rotation. device to: 15. A method, comprising: display a first application on the touch screen display in a at a portable multifunction device with a touchscreen display: 10 portrait orientation; displaying a first application on the touch screen display in detect a rotation of a thumb within a predetermined range a portrait orientation; of angles near 90° in a first sense of rotation on the touch detecting a rotation of a thumb within a predetermined screen display, wherein the thumb rotates about its own range of angles near 90° in a first sense of rotation on the axis during rotation of the thumb within the predeter touchscreen display, wherein the thumb rotates about its 15 mined range of angles near 90° in the first sense of own axis during rotation of the thumb within the prede rotation on the touch screen display; and termined range of angles near 90° in the first sense of display the first application in a landscape orientation in rotation on the touch screen display; and response to detecting the rotation of the thumb. in response to detecting the rotation of the thumb, display 24. A portable multifunction device with a touch screen ing the first application in a landscape orientation. 20 display, comprising: 16. The method of claim 15, wherein predetermined range means for displaying a first application on the touch screen of angles is between 85° and 95°. display in a portrait orientation; 17. The method of claim 15, wherein predetermined range means for detecting a rotation of a thumb within a prede of angles is between 80° and 100°. termined range of angles near 90° in a first sense of 18. The method of claim 15, wherein predetermined range 25 rotation on the touch screen display, wherein the thumb of angles is between 75° and 105°. rotates about its own axis during rotation of the thumb 19. The method of claim 15, wherein predetermined range within the predetermined range of angles near 90° in the of angles is between 70° and 110°. first sense of rotation on the touch screen display; and 20. The method of claim 15, including: means for displaying the first application in a landscape detecting a rotation of the thumb within a predetermined 30 orientation in response to detecting the rotation of the range of angles near 90° in a second sense of rotation on thumb. the touch screen display, wherein the second sense of 25. A method, comprising: rotation is opposite the first sense of rotation; and at a portable multifunction device with a touchscreen display: in response to detecting the rotation of the thumb in the displaying a first application on the touch screen display in second sense of rotation, displaying the first application 35 a portrait orientation; in a portrait orientation. detecting a rotation of a thumb within a predetermined 21. A graphical user interface on a portable multifunction range of angles near 90° in a first sense of rotation on the device with a touch screen display, comprising: touchscreen display, wherein the thumb rotates about its an application that is displayed in either a first orientation own axis during rotation of the thumb within the prede or a second orientation, the second orientation being 90° 40 termined range of angles near 90° in the first sense of from the first orientation, rotation on the touch screen display; wherein: simultaneously detecting at least one finger on a side of the in response to detecting a rotation of a thumb within a device opposite the touch screen display; and predetermined range of angles near 90° in a first sense in response to detecting the rotation of the thumb and of rotation on the touch screen display, the display of 45 simultaneously detecting at least one finger on the side the application changes from the first orientation to of the device opposite the touch screen display, display the second orientation; ing the first application in a landscape orientation. wherein the thumb rotates about its own axis during 26. A graphical user interface on a portable multifunction rotation of the thumb within the predetermined range device with a touch screen display, comprising: of angles near 90° in the first sense of rotation on the 50 an application that is displayed in either a first orientation touch screen display. or a second orientation, the second orientation being 90° 22. A portable multifunction device, comprising: from the first orientation, a touch screen display; wherein: one or more processors; in response to detecting a rotation of a thumb within a memory; and 55 predetermined range of angles near 90° in a first sense one or more programs, wherein the one or more programs of rotation on the touch screen display and simulta are stored in the memory and configured to be executed neously detecting at least one finger on a side of the by the one or more processors, the programs including: device opposite the touch screen display, the display instructions for displaying a first application on the of the application changes from the first orientation to touch screen display in a portrait orientation; 60 the second orientation, and instructions for detecting a rotation of a thumb within a the thumb rotates about its own axis during rotation of predetermined range of angles near 90° in a first sense the thumb within the predetermined range of angles of rotation on the touch screen display, wherein the near 90° in the first sense of rotation on the touch thumb rotates about its own axis during rotation of the screen display. thumb within the predetermined range of angles near 27. A portable multifunction device, comprising: 90° in the first sense of rotation on the touch screen a touch screen display; display; and one or more processors; US 7,978,182 B2 25 26 memory; and simultaneously detect at least one finger on a side of the one or more programs, wherein the one or more programs device opposite the touch screen display; and are stored in the memory and configured to be executed display the first application in a landscape orientation in by the one or more processors, the programs including: response to detecting the rotation of the thumb and instructions for displaying a first application on the simultaneously detecting at least one finger on the side touch screen display in a portrait orientation; of the device opposite the touch screen display. instructions for detecting a rotation of a thumb within a 29. A portable multifunction device with a touch screen predetermined range of angles near 90° in a first sense display, comprising: means for displaying a first application on the touch screen of rotation on the touch screen display, wherein the display in a portrait orientation; thumb rotates about its own axis during rotation of the 10 means for detecting a rotation of a thumb within a prede thumb within the predetermined range of angles near termined range of angles near 90° in a first sense of 90° in the first sense of rotation on the touch screen rotation on the touch screen display, wherein the thumb display; and rotates about its own axis during rotation of the thumb instructions for simultaneously detecting at least one within the predetermined range of angles near 90° in the finger on a side of the device opposite the touchscreen 15 first sense of rotation on the touch screen display; display; and means for simultaneously detecting at least one finger on a instructions for displaying the first application in a land side of the device opposite the touch screen display; and scape orientation in response to detecting the rotation means for displaying the first application in a landscape of the thumb and simultaneously detecting at least one orientation in response to detecting the rotation of the finger on the side of the device opposite the touch thumb and simultaneously detecting at least one finger screen display. on the side of the device opposite the touch screen dis 28. A non-transitory computer readable storage medium play. storing one or more programs, the one or more programs 30. The method of claim 15, wherein the portable multi comprising instructions, which when executed by a portable function device changes orientation while detecting the rota multifunction device with a touch screen display, cause the 25 device to: tion of the thumb within the predetermined range of angles near 90° in the first sense of rotation on the touch screen display a first application on the touch screen display in a display. portrait orientation; 31. The method of claim 25, wherein the portable multi detect a rotation of a thumb within a predetermined range function device changes orientation while detecting the rota of angles near 90° in a first sense of rotation on the touch 30 tion of the thumb within the predetermined range of angles screen display, wherein the thumb rotates about its own near 90° in the first sense of rotation on the touch screen axis during rotation of the thumb within the predeter display. mined range of angles near 90° in the first sense of rotation on the touch screen display;