Source: https://patents.google.com/patent/US9001047B2/en
Timestamp: 2019-04-22 18:32:00+00:00

Document:
2009-01-13 Assigned to APPLE INC. reassignment APPLE INC. ASSIGNMENT OF ASSIGNORS INTEREST (SEE DOCUMENT FOR DETAILS). Assignors: HERZ, SCOTT, ANZURES, FREDDY ALLEN, JOBS, STEVEN P., CHAUDHRI, IMRAN, FORSTALL, SCOTT, PISULA, CHARLES J.
In accordance with some embodiments, a computer-implemented method is performed at a portable multifunction device with a rectangular touch screen display that includes a portrait view and a landscape view. The method includes detecting the device in a first orientation, and while the device is in the first orientation, displaying an application in a first mode on the touch screen display in a first view. The method also includes detecting the device in a second orientation, and in response to detecting the device in the second orientation, displaying the application in a second mode on the touch screen display in a second view. The first mode of the application differs from the second mode of the application by more than a change in display orientation.
This application claims priority to U.S. Provisional Patent Application Nos. 60/937,993, “Portable Multifunction Device,” filed Jun. 29, 2007; 60/947,300, “Modal Change Based on Orientation of a Portable Multifunction Device,” filed Jun. 29, 2007; 60/879,469, “Portable Multifunction Device,” filed Jan. 8, 2007; and 60/879,253, “Portable Multifunction Device,” filed Jan. 7, 2007. All of these applications are incorporated by reference herein in their entirety.
This application is related to the following applications: (1) U.S. patent application Ser. No. 10/188,182, “Touch Pad For Handheld Device,” filed Jul. 1, 2002; (2) U.S. patent application Ser. No. 10/722,948, “Touch Pad For Handheld Device,” filed Nov. 25, 2003; (3) U.S. patent application Ser. No. 10/643,256, “Movable Touch Pad With Added Functionality,” filed Aug. 18, 2003; (4) U.S. patent application Ser. No. 10/654,108, “Ambidextrous Mouse,” filed Sep. 2, 2003; (5) U.S. patent application Ser. No. 10/840,862, “Multipoint Touchscreen,” filed May 6, 2004; (6) U.S. patent application Ser. No. 10/903,964, “Gestures For Touch Sensitive Input Devices,” filed Jul. 30, 2004; (7) U.S. patent application Ser. No. 11/038,590, “Mode-Based Graphical User Interfaces For Touch Sensitive Input Devices” filed Jan. 18, 2005; (8) U.S. patent application Ser. No. 11/057,050, “Display Actuator,” filed Feb. 11, 2005; (9) U.S. Provisional Patent Application No. 60/658,777, “Multi-Functional Hand-Held Device,” filed Mar. 4, 2005; and (10) U.S. patent application Ser. No. 11/367,749, “Multi-Functional Hand-Held Device,” filed Mar. 3, 2006; and (11) U.S. Provisional Patent Application No. 60/824,769, “Portable Multifunction Device,” filed Sep. 6, 2006. All of these applications are incorporated by reference herein in their entirety.
The disclosed embodiments relate generally to portable electronic devices, and more particularly, to changing modes within an application on a portable device.
Some portable electronic devices include one or more accelerometers, which are used to determine the display orientation of the information on the screen. In these devices, information is presented on the display in a portrait view or a landscape view based on an analysis of data received from the one or more accelerometers. In other words, to change the orientation of the information displayed on the screen, a user may change the orientation of the device. This type of display change does not change the information being displayed or the functions that can be performed, i.e., this type of display change does not change the mode of the application. Rather, this type of display change merely changes the orientation of the information being displayed.
If a user is using a certain application on a portable electronic device and wants to transition to another mode within that application, the user typically must go through a series of steps and navigate through one or more display screens before reaching the desired mode. Such navigation may be cumbersome for the user because it is time consuming and the user may forget the proper navigation steps.
Accordingly, there is a need for portable multifunction devices with more transparent and intuitive user interfaces for transitioning from one mode to another within a particular application. Such interfaces increase the effectiveness, efficiency and user satisfaction with portable multifunction devices.
The above deficiencies and other problems associated with user interfaces for portable devices are reduced or eliminated by the disclosed portable multifunction device. In some embodiments, the device has a touch-sensitive display (also known as a “touch screen”) with a graphical user interface (GUI), one or more processors, memory and one or more modules, programs or sets of instructions stored in the memory for performing multiple functions. In some embodiments, the user interacts with the GUI primarily through finger contacts and gestures on the touch-sensitive display. In some embodiments, the functions may include telephoning, video conferencing, e-mailing, instant messaging, blogging, digital photographing, digital videoing, web browsing, digital music playing, and/or digital video playing. Instructions for performing these functions may be included in a computer program product configured for execution by one or more processors.
In accordance with some embodiments, a computer-implemented method, performed at a portable multifunction device with a rectangular touch screen display. The rectangular touch screen display includes a portrait view and a landscape view. The method includes detecting the device in a first orientation, and while the device is in the first orientation, displaying an application in a first mode on the touch screen display in a first view. The method also includes detecting the device in a second orientation, and in response to detecting the device in the second orientation, displaying the application in a second mode on the touch screen display in a second view. The first mode of the application differs from the second mode of the application by more than a change in display orientation. For example, in some embodiments the application is a music player application having a list mode that is active when the device is in the first orientation and a cover flow mode that is active when the device is in the second orientation.
In accordance with some embodiments, a graphical user interface on a portable multifunction device with a rectangular touch screen display with a portrait view and a landscape view includes a first mode of an application that is displayed in the portrait view and a second mode of the application that is displayed in the landscape view. In response to detecting the device in a first orientation, the first mode of the application is displayed in the portrait view. In response to detecting the device in a second orientation, the second mode of the application is displayed in the landscape view. The first mode of the application differs from the second mode of the application by more than a change in display orientation.
In accordance with some embodiments, a portable multifunction device includes a rectangular touch screen display with a portrait view and a landscape view, one or more processors, memory, and one or more programs. The one or more programs are stored in the memory and configured to be executed by the one or more processors. The one or more programs include instructions for: detecting the device in a first orientation; displaying an application in a first mode on the touch screen display in a first view while the device is in the first orientation; detecting the device in a second orientation; and displaying the application in a second mode on the touch screen display in a second view in response to detecting the device in the second orientation. The first mode of the application differs from the second mode of the application by more than a change in display orientation.
In accordance with some embodiments, a computer readable storage medium stores one or more programs. The one or more programs include instructions, which when executed by a portable multifunction device with a rectangular touch screen display that includes a portrait view and a landscape view, cause the device to: detect the device in a first orientation; display an application in a first mode on the touch screen display in a first view while the device is in the first orientation; detect the device in a second orientation; and display the application in a second mode on the touch screen display in a second view in response to detecting the device in the second orientation. The first mode of the application differs from the second mode of the application by more than a change in display orientation.
In accordance with some embodiments, a portable multifunction device with a rectangular touch screen display with a portrait view and a landscape view includes: means for detecting the device in a first orientation; means for displaying an application in a first mode on the touch screen display in a first view while the device is in the first orientation; means for detecting the device in a second orientation; and means for displaying the application in a second mode on the touch screen display in a second view in response to detecting the device in the second orientation. The first mode of the application differs from the second mode of the application by more than a change in display orientation.
Thus, the invention provides a portable multifunction devices with more transparent and intuitive user interfaces for transitioning from one mode to another within a particular application.
FIGS. 5A-5G illustrate exemplary user interfaces for a music and video player in accordance with some embodiments.
FIG. 6A-FIG. 6B are flow diagrams illustrating a process for modal change based on device orientation in accordance with some embodiments.
FIG. 7 is a flow diagram illustrating a process for modal change in a music play application based on device orientation in accordance with some embodiments.
The user interface may include a physical click wheel in addition to a touch screen or a virtual click wheel displayed on the touch screen. A click wheel is a user-interface device that may provide navigation commands based on an angular displacement of the wheel or a point of contact with the wheel by a user of the device. A click wheel may also be used to provide a user command corresponding to selection of one or more items, for example, when the user of the device presses down on at least a portion of the wheel or the center of the wheel. Alternatively, breaking contact with a click wheel image on a touch screen surface may indicate a user command corresponding to selection. For simplicity, in the discussion that follows, a portable multifunction device that includes a touch screen is used as an exemplary embodiment. It should be understood, however, that some of the user interfaces and associated processes may be applied to other devices, such as personal computers and laptop computers, that may include one or more other physical user-interface devices, such as a physical click wheel, a physical keyboard, a mouse and/or a joystick.
The device supports a variety of applications, such as a telephone application, a video conferencing application, an e-mail application, an instant messaging application, a blogging application, a digital camera application, a digital video camera application, a web browsing application, a digital music player application, and/or a digital video player application.
The user interfaces may include one or more soft keyboard embodiments. The soft keyboard embodiments may include standard (QWERTY) and/or non-standard configurations of symbols on the displayed icons of the keyboard, such as those described in U.S. patent applications Ser. No. 11/459,606, “Keyboards For Portable Electronic Devices,” filed Jul. 24, 2006, and Ser. No. 11/459,615, “Touch Screen Keyboards For Portable Electronic Devices,” filed Jul. 24, 2006, the contents of which are hereby incorporated by reference herein in their entirety. The keyboard embodiments may include a reduced number of icons (or soft keys) relative to the number of keys in existing physical keyboards, such as that for a typewriter. This may make it easier for users to select one or more icons in the keyboard, and thus, one or more corresponding symbols. The keyboard embodiments may be adaptive. For example, displayed icons may be modified in accordance with user actions, such as selecting one or more icons and/or one or more corresponding symbols. One or more applications on the portable device may utilize common and/or different keyboard embodiments. Thus, the keyboard embodiment used may be tailored to at least some of the applications. In some embodiments, one or more keyboard embodiments may be tailored to a respective user. For example, one or more keyboard embodiments may be tailored to a respective user based on a word usage history (lexicography, slang, individual usage) of the respective user. Some of the keyboard embodiments may be adjusted to reduce a probability of a user error when selecting one or more icons, and thus one or more symbols, when using the soft keyboard embodiments.
The I/O subsystem 106 couples input/output peripherals on the device 100, such as the touch screen 112 and other input/control devices 116, to the peripherals interface 118. The I/O subsystem 106 may include a display controller 156 and one or more input controllers 160 for other input or control devices. The one or more input controllers 160 receive/send electrical signals from/to other input or control devices 116. The other input/control devices 116 may include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slider switches, joysticks, click wheels, and so forth. In some alternate embodiments, input controller(s) 160 may be coupled to any (or none) of the following: a keyboard, infrared port, USB port, and a pointer device such as a mouse. The one or more buttons (e.g., 208, FIG. 2) may include an up/down button for volume control of the speaker 111 and/or the microphone 113. The one or more buttons may include a push button (e.g., 206, FIG. 2). A quick press of the push button may disengage a lock of the touch screen 112 or begin a process that uses gestures on the touch screen to unlock the device, as described in U.S. patent application Ser. No. 11/322,549, “Unlocking a Device by Performing Gestures on an Unlock Image,” filed Dec. 23, 2005, which is hereby incorporated by reference herein in its entirety. A longer press of the push button (e.g., 206) may turn power to the device 100 on or off. The user may be able to customize a functionality of one or more of the buttons. The touch screen 112 is used to implement virtual or soft buttons and one or more soft keyboards.
A touch-sensitive display in some embodiments of the touch screen 112 may be analogous to the multi-touch sensitive tablets described in the following U.S. Pat. Nos. 6,323,846 (Westerman et al.), 6,570,557 (Westerman et al.), and/or 6,677,932 (Westerman), and/or U.S. Patent Publication 2002/0015024A1, each of which is hereby incorporated by reference herein in its entirety. However, a touch screen 112 displays visual output from the portable device 100, whereas touch sensitive tablets do not provide visual output.
The device 100 may also include one or more proximity sensors 166. FIGS. 1A and 1B show a proximity sensor 166 coupled to the peripherals interface 118. Alternately, the proximity sensor 166 may be coupled to an input controller 160 in the I/O subsystem 106. The proximity sensor 166 may perform as described in U.S. patent application Ser. No. 11/241,839, “Proximity Detector In Handheld Device,” filed Sep. 30, 2005; Ser. No. 11/240,788, “Proximity Detector In Handheld Device,” filed Sep. 30, 2005; Ser. No. to be determined, filed Jan. 7, 2007 “Using Ambient Light Sensor To Augment Proximity Sensor Output,” attorney docket no. 04860.P4851US1; Ser. No. to be determined, filed Oct. 24, 2006, “Automated Response To And Sensing Of User Activity In Portable Devices,” attorney docket no. 04860.P4293; and Ser. No. to be determined, filed Dec. 12, 2006, “Methods And Systems For Automatic Configuration Of Peripherals,” attorney docket no. 04860.P4634, which are hereby incorporated by reference in their entirety. In some embodiments, the proximity sensor turns off and disables the touch screen 112 when the multifunction device is placed near the user's ear (e.g., when the user is making a phone call). In some embodiments, the proximity sensor keeps the screen off when the device is in the user's pocket, purse, or other dark area to prevent unnecessary battery drainage when the device is a locked state.
The device 100 may also include one or more accelerometers 168. FIGS. 1A and 1B show an accelerometer 168 coupled to the peripherals interface 118. Alternately, the accelerometer 168 may be coupled to an input controller 160 in the I/O subsystem 106. The accelerometer 168 may perform as described in U.S. Patent Publication No. 20050190059, “Acceleration-based Theft Detection System for Portable Electronic Devices,” and U.S. Patent Publication No. 20060017692, “Methods And Apparatuses For Operating A Portable Device Based On An Accelerometer,” both of which are incorporated by reference herein in their entirety. In some embodiments, information is displayed on the touch screen display in a portrait view or a landscape view based on an analysis of data received from the one or more accelerometers.
In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the contacts module 137 may be used to manage an address book or contact list, including: adding name(s) to the address book; deleting name(s) from the address book; associating telephone number(s), e-mail address(es), physical address(es) or other information with a name; associating an image with a name; categorizing and sorting names; providing telephone numbers or e-mail addresses to initiate and/or facilitate communications by telephone 138, video conference 139, e-mail 140, or IM 141; and so forth. Embodiments of user interfaces and associated processes using contacts module 137 are described further below.
In conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the telephone module 138 may be used to enter a sequence of characters corresponding to a telephone number, access one or more telephone numbers in the address book 137, modify a telephone number that has been entered, dial a respective telephone number, conduct a conversation and disconnect or hang up when the conversation is completed. As noted above, the wireless communication may use any of a plurality of communications standards, protocols and technologies. Embodiments of user interfaces and associated processes using telephone module 138 are described further below.
In conjunction with RF circuitry 108, audio circuitry 110, speaker 111, microphone 113, touch screen 112, display controller 156, optical sensor 164, optical sensor controller 158, contact module 130, graphics module 132, text input module 134, contact list 137, and telephone module 138, the videoconferencing module 139 may be used to initiate, conduct, and terminate a video conference between a user and one or more other participants. Embodiments of user interfaces and associated processes using videoconferencing module 139 are described further below.
In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the e-mail client module 140 may be used to create, send, receive, and manage e-mail. In conjunction with image management module 144, the e-mail module 140 makes it very easy to create and send e-mails with still or video images taken with camera module 143. Embodiments of user interfaces and associated processes using e-mail module 140 are described further below.
In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the instant messaging module 141 may be used to enter a sequence of characters corresponding to an instant message, to modify previously entered characters, to transmit a respective instant message (for example, using a Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for telephony-based instant messages or using XMPP, SIMPLE, or IMPS for Internet-based instant messages), to receive instant messages and to view received instant messages. In some embodiments, transmitted and/or received instant messages may include graphics, photos, audio files, video files and/or other attachments as are supported in a MMS and/or an Enhanced Messaging Service (EMS). As used herein, “instant messaging” refers to both telephony-based messages (e.g., messages sent using SMS or MMS) and Internet-based messages (e.g., messages sent using XMPP, SIMPLE, or IMPS). Embodiments of user interfaces and associated processes using instant messaging module 141 are described further below.
In conjunction with RF circuitry 108, touch screen 112, display controller 156, contact module 130, graphics module 132, text input module 134, image management module 144, and browsing module 147, the blogging module 142 may be used to send text, still images, video, and/or other graphics to a blog (e.g., the user's blog). Embodiments of user interfaces and associated processes using blogging module 142 are described further below.
In conjunction with touch screen 112, display controller 156, optical sensor(s) 164, optical sensor controller 158, contact module 130, graphics module 132, and image management module 144, the camera module 143 may be used to capture still images or video (including a video stream) and store them into memory 102, modify characteristics of a still image or video, or delete a still image or video from memory 102. Embodiments of user interfaces and associated processes using camera module 143 are described further below.
In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, text input module 134, and camera module 143, the image management module 144 may be used to arrange, modify or otherwise manipulate, label, delete, present (e.g., in a digital slide show or album), and store still and/or video images. Embodiments of user interfaces and associated processes using image management module 144 are described further below.
In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, audio circuitry 110, and speaker 111, the video player module 145 may be used to display, present or otherwise play back videos (e.g., on the touch screen or on an external, connected display via external port 124). Embodiments of user interfaces and associated processes using video player module 145 are described further below.
In conjunction with touch screen 112, display system controller 156, contact module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuitry 108, and browser module 147, the music player module 146 allows the user to download and play back recorded music and other sound files stored in one or more file formats, such as MP3 or AAC files. In some embodiments, the device 100 may include the functionality of an MP3 player, such as an iPod (trademark of Apple Computer, Inc.). Embodiments of user interfaces and associated processes using music player module 146 are described further below.
In conjunction with RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, e-mail module 140, and browser module 147, the calendar module 148 may be used to create, display, modify, and store calendars and data associated with calendars (e.g., calendar entries, to do lists, etc.). Embodiments of user interfaces and associated processes using calendar module 148 are described further below.
In conjunction with touch screen 112, display system controller 156, contact module 130, graphics module 132, and text input module 134, the search module 151 may be used to search for text, music, sound, image, video, and/or other files in memory 102 that match one or more search criteria (e.g., one or more user-specified search terms). Embodiments of user interfaces and associated processes using search module 151 are described further below.
In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134, the notes module 153 may be used to create and manage notes, to do lists, and the like. Embodiments of user interfaces and associated processes using notes module 153 are described further below.
In conjunction with RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, the map module 154 may be used to receive, display, modify, and store maps and data associated with maps (e.g., driving directions; data on stores and other points of interest at or near a particular location; and other location-based data). Embodiments of user interfaces and associated processes using map module 154 are described further below.
In some embodiments, the device detects contact with the touch-sensitive display (e.g., a user's finger making contact on or near the unlock image 302) while the device is in a user-interface lock state. The device moves the unlock image 302 in accordance with the contact. The device transitions to a user-interface unlock state if the detected contact corresponds to a predefined gesture, such as moving the unlock image across channel 306. Conversely, the device maintains the user-interface lock state if the detected contact does not correspond to the predefined gesture. As noted above, processes that use gestures on the touch screen to unlock the device are described in U.S. patent applications Ser. No. 11/322,549, “Unlocking A Device By Performing Gestures On An Unlock Image,” filed Dec. 23, 2005, and Ser. No. 11/322,550, “Indication Of Progress Towards Satisfaction Of A User Input Condition,” filed Dec. 23, 2005, which are hereby incorporated by reference in their entirety.
Video and music player module 152, also referred to as iPod (trademark of Apple Computer, Inc.) module 152.
In some embodiments, UI 400A or 400B displays all of the available applications 136 on one screen so that there is no need to scroll through a list of applications (e.g., via a scroll bar). In some embodiments, as the number of applications increase, the icons corresponding to the applications may decrease in size so that all applications may be displayed on a single screen without scrolling. In some embodiments, having all applications on one screen and a menu button enables a user to access any desired application with at most two inputs, such as activating the menu button 204 and then activating the desired application (e.g., by a tap or other finger gesture on the icon corresponding to the application).
In some embodiments, a user may rearrange the icons in UI 400A or 400B, e.g., using processes described in U.S. patent application Ser. No. 11/459,602, “Portable Electronic Device With Interface Reconfiguration Mode,” filed Jul. 24, 2006, which is hereby incorporated by reference herein in its entirety. For example, a user may move application icons in and out of tray 408 using finger gestures.
In some embodiments, UI 400A or 400B includes a gauge (not shown) that displays an updated account usage metric for an account associated with usage of the device (e.g., a cellular phone account), as described in U.S. patent application Ser. No. 11/322,552, “Account Information Display For Portable Communication Device,” filed Dec. 23, 2005, which is hereby incorporated by reference herein in its entirety.
As illustrated in FIGS. 5A-5G and explained below, an application may change modes in response to a change in orientation of the device, with the two modes differing by more than a mere change in display orientation. As described in more detail below, in some embodiments, the two modes display different types of information (e.g., text versus images), and/or present the user with different options for utilizing the application.
FIG. 6A-6B are flow diagrams illustrating a process for modal change based on device orientation in accordance with some embodiments.
In some embodiments, the touch screen display is rectangular, or substantially rectangular (e.g., the touch screen display may have rounded corners, but otherwise has a rectangular shape), and has a short axis and a long axis. In this document, the term “rectangular touch screen display” includes a touch screen display that has rounded corners but otherwise has a rectangular shape. In some embodiments, a portable multifunction device with a rectangular touch screen display, which includes a portrait view and a landscape view, detects (602) the device in a first orientation.
While the device is in the first orientation, an application is displayed (604) in a first mode on the touch screen display in a first view (e.g., a hierarchical list mode for selecting music as illustrated in FIG. 5A to FIG. 5E).
The device is detected (606) in a second orientation. In some embodiments, the first orientation and the second orientation are detected based on an analysis of data from one or more accelerometers (e.g., 168)(610). In some embodiments, the first orientation is rotated substantially 90° from the second orientation (e.g., by rotation 4392, FIG. 5E to FIG. 5F)(612).
In response to detecting the device in the second orientation, the application is displayed (608) in a second mode on the touch screen display in a second view (e.g., FIG. 5F). The first mode of the application differs from the second mode of the application by more than a change in display orientation. The application displays distinct or additional information in one of the first and second modes relative to the other of the first and second modes.
In some embodiments, the application is a single application selected from one of the following applications: phone, e-mail client, browser, music player, instant messenger, camera, video player, weather, stocks, blog, calendar, calculator, alarm clock, dictionary, map, or notes (614).
In some embodiments, the first view is the portrait view (e.g., FIG. 5A to FIG. 5E) and the second view is the landscape view (e.g., FIG. 5F)(616). In some embodiments, substantially vertical finger gestures (e.g., swipe gesture 4377, FIG. 5D) on or near the touch screen display are used to navigate in the first mode and substantially horizontal finger gestures (e.g., swipe gesture 4399, FIG. 5F) on or near the touch screen display are used to navigate in the second mode (618).
In some embodiments, the first view is the landscape view and the second view is the portrait view (620).
In some embodiments, the rectangular touch screen display has a long axis and a short axis; the first orientation comprises a substantially vertical orientation of the long axis; the second orientation comprises a substantially vertical orientation of the short axis; the first view is the portrait view (e.g., UI 4300BB, FIG. 5E); and the second view is the landscape view (e.g. UI 4300CC, FIG. 5F)(622).
In some embodiments, the application is a music player, the first mode is a hierarchical list mode for selecting music (e.g., FIG. 5A to “more list” 4362, FIG. 5B, to albums list 4371, FIG. 5C, to album content list FIG. 5D, to content, FIG. 5E), the first view is the portrait view, the second mode is a cover flow mode for selecting albums (e.g., FIG. 5F), and the second view is the landscape view (624). The cover flow mode and other image modes are described in U.S. Provisional Patent Application No. 60/843,832“Techniques And Systems For Browsing Media Content,” filed Sep. 11, 2006; U.S. patent application Ser. No. 11/519,460, “Media Manager With Integrated Browsers,” filed Sep. 11, 2006; and U.S. Provisional Patent Application No. to be determined, “Electronic Device With Image Based Browsing,” filed Jan. 5, 2007, which are hereby incorporated by reference herein in their entirety. In some embodiments, in response to detecting a finger gesture on an album cover (e.g., gesture 4388, FIG. 5F) or on an information icon (e.g., 4389, FIG. 5F), an image of the album cover is flipped over (e.g., an animation of the album cover flipping over is displayed) and information about tracks on the album is displayed (FIG. 5G).
In some embodiments, the application is an address book, the first mode is a list mode for displaying entries in the address book, the first view is the portrait view, the second mode is an image mode for displaying images associated with corresponding entries in the address book, and the second view is the landscape view (626).
In some embodiments, the application is a world clock, the first mode is a list mode for displaying a list of time zones, the first view is the portrait view, the second mode is a map mode for displaying one or more time zones in the list of time zones on a map, and the second view is the landscape view (628).
In some embodiments, the application is a calculator, the first mode is a basic calculator (e.g., with addition, subtraction, multiplication, and division), the first view is the portrait view, the second mode is an advanced calculator (e.g., a scientific calculator with additional functions (e.g., logarithms and exponentials) beyond those functions typically found in a basic calculator), and the second view is the landscape view (630).
In some embodiments, the application is a calendar (632). In some embodiments, the application is a photo management application (634). In some embodiments, the application is a data entry application (636).
A graphical user interface on a portable multifunction device with a rectangular touch screen display with a portrait view and a landscape view comprises a first mode of an application that is displayed in the portrait view and a second mode of the application that is displayed in the landscape view. In response to detecting the device in a first orientation, the first mode of the application is displayed in the portrait view. In response to detecting the device in a second orientation, the second mode of the application is displayed in the landscape view. The first mode of the application differs from the second mode of the application by more than a change in display orientation.
Such mode changes based on device orientation make the device easier to use because the user does not have to navigate through one or more display screens to get to a desired second mode or remember how to perform such navigation. Rather, the user changes the orientation of the device (e.g., from vertical or portrait to horizontal or landscape) to transition an application to a corresponding second mode.
FIG. 7 is a flow diagram illustrating a process 700 for modal change in a music player application based on device orientation in accordance with some embodiments. In some embodiments, process 700 occurs at a portable multifunction device with a rectangular touch screen display. The rectangular touch screen display includes a long axis, a short axis, a portrait view and a landscape view. As noted above, the rectangular touch screen display may optionally include rounded corners. The device is detected in a first orientation that comprises a substantially vertical orientation of the long axis (702). While the device is in the first orientation, a music player is displayed in a list mode on the touch screen display in the portrait view (704) (e.g. FIG. 5A). At another time, the device is detected in a second orientation that comprises a substantially vertical orientation of a short axis (706). In response to detecting the device in the second orientation, the music player is displayed in a cover flow mode on the touch screen display in the landscape view (708) (e.g. FIG. 5F).
displaying the calculator application in an advanced calculator mode on the touch screen display in the landscape view in response to detecting the device in the second orientation, wherein the advanced calculator includes user interface objects for performing addition, subtraction, multiplication, division and additional functions different from those found in the basic calculator.
display the calculator application in an advanced calculator mode on the touch screen display in the landscape view in response to detecting the device in the second orientation, wherein the advanced calculator includes user interface objects for performing addition, subtraction, multiplication, division and additional functions different from those found in the basic calculator.
displaying the music player application in the cover flow mode for selecting albums in a landscape view on the touch screen display in response to detecting the device in the second orientation, wherein the music player application in the cover flow mode includes the play control for controlling playback of media.
display the music player application in the cover flow mode for selecting albums in a landscape view on the touch screen display in response to detecting the device in the second orientation, wherein the music player application in the cover flow mode includes the play control for controlling playback of media.
in response to detecting the finger gesture on the album cover for the respective album or on the icon, displaying information about music tracks on the respective album while ceasing to display the album cover.
in response to detecting the finger gesture on the album cover for the respective album or on the icon, display information about music tracks on the respective album while ceasing to display the album cover.
US20050240756A1 (en) 2003-01-12 2005-10-27 Yaron Mayer System and method for improving the efficiency, comfort, and/or reliability in Operating Systems, such as for example Windows.
del Strother, Jonathan, "CoverFlow," http://www.steelskies.com/coverflow, downloaded Jun. 15, 2006.
Designing Interfaces.com, "Animated Transition," http://designinginterfaces.com/Animated-Transition, printed Oct. 16, 2006, 2 pages.
Designing Interfaces.com, "Animated Transition," http://designinginterfaces.com/Animated—Transition, printed Oct. 16, 2006, 2 pages.
Enright, A., "Meet CoverFlow," The Treehouse + The Cave, Aug. 13, 2005, 2 pages.
Enright, A., "Visual Browsing on an iBook DS," The Treehouse + The Cave, Dec. 29, 2004, 1 page.
Enright, A.C., "Dissatisfaction Sows Innovation," The Treehouse + The Cave, Dec. 29, 2004, http://web.archive.org/web/20050331055401/http://thetreehouseand..., Figures A & B, http://web.archive.org/web/20061221232052/photos3.flickr.com.
Goehl, D., et al., "Motion Sensors Gaining Inertia with Popular Consumer Electronics," IvensSense, Inc., 5 pages, Published in 2007.
Grant Certificate dated Jan. 18, 2013, issued in Hong Kong Patent Application No. 12104856.1, which corresponds to U.S. Appl. No. 11/767,409, 3 pages (Chaudhri).
Grant Certificate dated Jan. 18, 2013, issued in Hong Kong Patent Application No. 12105182.3, which corresponds to U.S. Appl. No. 11/767,409, 3 pages (Chaudhri).
Hinckley, K., et al., "Sensing Techniques for Mobile Interaction," Microsoft Research, 10 pages, Published in 2000.
Hinze, C., "Cover Flow-A beautiful way to browse your MP3s," NOISE blog, Feb. 5, 2006, http://noise.typepad.com/noise-blog/2006/02/cover-flow-the-.html, downloaded Jan. 24, 2008.
Hinze, C., "Cover Flow—A beautiful way to browse your MP3s," NOISE blog, Feb. 5, 2006, http://noise.typepad.com/noise—blog/2006/02/cover—flow—the—.html, downloaded Jan. 24, 2008.
IBM, "Mechanism for Visual Lists and Selections," IBM Technical Disclosure Bulletin, IBM, vol. 40, No. 5, May 1, 1997, 2 page.
International Search Report and Written Opinion for International Application PCT/US2008/050428, mailed Jun. 5, 2008.
LifeDrive from palmOne, "Your Mobile Manager," 20 pages, Copyright 2005.
Microwaves RF, "MS Motion Sensors Boost Handset Reliability," http://www.mwrf.com/Articles/Print.cfm?ArticleID-12740, Copyright © 2004, Penton Media, Inc., 4 pages.
Notice of Acceptance dated May 16, 2013, received in Australian Patent Application No. 2011250783, which corresponds to U.S. Appl. No. 11/767,409, 2 pages (Chaudhri).
Notice of Allowance dated Jun. 12, 2013, received in U.S. Appl. No. 11/767,406, 26 pages (Chaudhri).
Notice of Allowance dated Jun. 26, 2013, received in Korean Patent Application No. 10 2012 7019029, which corresponds to U.S. Appl. No. 11/767,409, 2 pages (Chaudhri).
Office Action dated Aug. 15, 2013, received in U.S. Appl. No. 12/215,651, 30 pages (Chaudhri).
Office Action dated Dec. 6, 2012, received in Australian Patent Application No. 2011250783, which corresponds to U.S. Appl. No. 11/767,409, 3 pages (Chaudhri).
Office Action dated Jan. 3, 2013, received in Canadian Patent Application No. 2,661,200, which corresponds to U.S. Appl. No. 11/767,409, 5 pages (Chaudhri).
Office Action dated Jul. 8, 2013, received in U.S. Appl. No. 12/395,537, 23 pages (Chaudhri).
Office Action dated Nov. 8, 2012, received in Korean Patent Application No. 10 2012 7019029, which corresponds to U.S. Appl. No. 11/767,409, 2 pages (Chaudhri).
Office Action dated Oct. 1, 2013, received in Japanese Patent Application No. 2009 527624, which corresponds to U.S. Appl. No. 11/767,409, 5 pages (Chaudhri).
Office Action dated Oct. 9, 2012, received in Japanese Patent Application No. 2009-527624, which corresponds to U.S. Appl. No. 11/767,409, 3 pages (Chaudhri).
Rose, M., "Music in the Home: Interfaces for Music Appliances," Personal Technologies (2000), 4:45-53.
Sawyer, B., "Get with the CoverFlow," The Olive Press, Dec. 8, 2005, 2 pages.

References: Application No. 60
 Application No. 60
 Application No. 60
 Application No. 12104856
 Application No. 12105182
 Application No. 2011250783
 Application No. 10
 Application No. 2011250783
 Application No. 2
 Application No. 10
 Application No. 2009
 Application No. 2009