JP2015528619A - Device, method and graphical user interface for managing folders with multiple pages - Google Patents

Abstract

The device displays a plurality of selectable user interface objects including one or more folder icons on the display. The device detects a first input requesting to select a folder icon for a folder that includes a selectable icon that is divided between a plurality of separately displayed pages of the folder view. In response to detecting the first input, the device displays a first page of the folder view. While displaying the first page of the folder view, the device detects a second input corresponding to a request to display the second page of the folder view. In response to detecting the second input, the device stops displaying the first page and displays the second page of the folder view.

Description

Related applications

  This application was filed on September 22, 2010 and is a continuation-in-part of US patent application Ser. No. 12 / 888,362 entitled “Device, Method and Graphic User Interface for Managing Folders. Priority is claimed to US Provisional Patent Application No. 61 / 321,872, filed April 7, 2006. These applications are hereby incorporated by reference in their entirety.

  The application also relates to: (1) United States Patent Application No. 12 / 888,366, filed September 22, 2010, entitled “Device, Method, and Graphical User Interface for Managing Folders”; (2) filed September 22, 2010 No. 12 / 888,370, entitled “Device, Method, and Graphical User Interface for Managing Folders”, and (3) filed on September 22, 2010, “Device, Method, and Graphic Interface”. US patent application Ser. No. 12 / 888,373 entitled “For Managing Folders”, (4) filed on Sep. 22, 2010 US Patent Application No. 12 / 888,375, entitled “Device, Method, and Graphical User Interface for Managing Folders”, filed on September 22, 2010, US patent application Ser. No. 12 / 888,376 entitled “Folders”, filed on Sep. 22, 2010 and entitled “Device, Method, and Graphical User for Managing Folders”, Ser. No. 12/888. , 377. These are incorporated herein by reference in their entirety.

  The disclosed embodiments generally relate to electronic devices with a touch-sensitive surface, including but not limited to electronic devices with a touch-sensitive surface for managing folders.

  The use of touch sensitive surfaces as input devices for computers and other electronic computing devices has increased significantly in recent years. Exemplary touch sensitive surfaces include touch pads and touch screen displays. Such surfaces are widely used to manage folders by manipulating selectable user interface objects on the display.

  Exemplary operations include creating a folder, displaying a folder view associated with the folder, and adding selectable user interface objects (eg, application icons, document icons, folder icons, etc.) to the folder. Erasing selectable user interface objects from a folder, repositioning selectable user interface objects in a folder view of a folder, repositioning folder icons in an array of selectable user interface objects, And deleting a folder. Exemplary selectable user interface objects include applications, digital images, videos, text, icons, icons representing other documents, and computing applications (eg, mobile device applications and / or personal computer applications). Application icon associated with the.

  However, existing methods for performing these operations are cumbersome and inefficient. For example, using a series of inputs to create, modify and / or delete a folder and the contents within the folder is lazy and poses a large cognitive burden on the user. In addition, existing methods take more time than necessary, thereby wasting energy. This latter consideration is particularly important in battery operated devices.

  Accordingly, there is a need for computing devices that have faster and more efficient methods and interfaces for managing folders. Such methods and interfaces may complement or replace conventional methods for managing folders. Such methods and interfaces reduce the user's cognitive burden and create a more efficient human-machine interface. In the case of battery-operated computing devices, such methods and interfaces conserve power and increase the time between battery charges.

  The above deficiencies and other problems associated with user interfaces for computing devices with touch sensitive surfaces are reduced or eliminated by the disclosed devices. In some embodiments, the device is a desktop computer. In some embodiments, the device is portable (eg, a notebook computer, tablet computer, or handheld device). In some embodiments, the device has a touchpad. In some embodiments, the device has a touch-sensitive display (aka “touchscreen” or “touchscreen display”). In some embodiments, the device includes a graphical user interface (GUI), one or more processors, memory, and one or more modules, programs, or instructions stored in the memory to perform multiple functions. Have a set. In some embodiments, the user interacts with the GUI primarily through finger contacts and gestures on the touch-sensitive surface. In some embodiments, the functions include image editing, drawing, presenting, word processing, website creation, disc authoring, spreadsheet creation, gameplay, calling, video conferencing, emailing, instant It may include messaging, training support, digital photography, digital video photography, web browsing, digital music playback, and / or digital video playback. Executable instructions for performing these functions may be included in a computer readable storage medium or other computer program product configured to be executed by one or more processors.

  In some embodiments, the multifunction device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. One or more programs can be selected in response to displaying a plurality of selectable user interface objects on the display, detecting the first input, and detecting the first input. Instructions for moving a first object in a user interface object across the display to a location on the display proximate to a second object in the plurality of selectable user interface objects . One or more programs detect that the first input meets a predetermined folder creation criteria while the first object is in proximity to the second object, and the first object is the second object. Creating a folder containing the first object and the second object in response to detecting that the first input meets a predetermined folder creation criteria while in proximity to the object; and The instruction group is further included.

  In some embodiments, the method is performed on a multifunction device comprising a display. The method includes displaying a plurality of selectable user interface objects on a display, detecting a first input, and detecting the first input. Moving the first object in the object across the display to a location on the display proximate to the second object in the plurality of selectable user interface objects. The method detects that the first input meets a predetermined folder creation criteria while the first object is in proximity to the second object, and the first object is in proximity to the second object. In addition, the first input further includes creating a folder that includes the first object and the second object in response to detecting that the first input meets a predetermined folder creation criteria.

  In some embodiments, a graphical user interface on a multifunction device comprising a display, a memory, and one or more processors for executing one or more programs stored in the memory is a plurality of selectable Contains user interface objects. A first input is detected, and in response to detecting the first input, a first object in the plurality of selectable user interface objects is converted into a second object in the plurality of selectable user interface objects. Is moved across the display to a location on the display close to. While the first object is in proximity to the second object, the first input is detected to meet a predetermined folder creation criterion, and the first object is in proximity to the second object. In response to detecting that an input of 1 satisfies a predetermined folder creation criterion, a folder including the first object and the second object is created.

  In some embodiments, when executed by a multifunction device comprising a display on a computer readable storage medium, the device displays a plurality of selectable user interface objects on the display and a first input. In response to detecting and detecting the first input, the first object in the plurality of selectable user interface objects is proximate to the second object in the plurality of selectable user interface objects. A set of instructions is stored that causes moving across the display to a location on the display. The set of instructions further detects that the first input meets a predetermined folder creation criteria while the first object is proximate to the second object, and the first object is the second object. Creating a folder that includes the first object and the second object in response to detecting that the first input meets a predetermined folder creation criteria while in proximity to the object. .

  In some embodiments, the multifunction device includes a display, means for displaying a plurality of selectable user interface objects on the display, means for detecting the first input, and the first input. The first object in the plurality of selectable user interface objects across the display to a location on the display proximate to the second object in the plurality of selectable user interface objects. Means for moving. The device includes means for detecting that the first input meets a predetermined folder creation criteria while the first object is proximate to the second object, and the first object to the second object. Means for creating a folder that includes the first object and the second object in response to detecting that the first input meets a predetermined folder creation criteria while in proximity. Including.

  In some embodiments, an information processing apparatus for use in a multi-function device comprising a display is selectable in response to means for detecting a first input and detecting the first input Means for moving a first object in a user interface object across the display to a location on the display proximate to a second object in the plurality of selectable user interface objects. The information processing apparatus includes: means for detecting that the first input satisfies a predetermined folder creation criterion while the first object is close to the second object; and the first object is the second object. Means for creating a folder that includes the first object and the second object in response to detecting that the first input meets a predetermined folder creation criteria while in proximity to the object; Is further included.

  In some embodiments, the multifunction device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. The one or more programs include instructions for displaying one or more action icons and one or more folder icons in parallel on the display. The multi-function device has a normal operating mode for activating the application and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The one or more programs detect the first input and the first input selects an individual folder icon of the one or more folder icons in response to detecting the first input. When responding to a request for Seyo, the contents of the folder associated with an individual folder icon, regardless of whether the multifunction device is in normal operating mode or user interface reconfiguration mode And when the first input corresponds to a request to select an individual action icon of the one or more action icons, the multi-function device is in a normal operation mode. Activating applications associated with individual action icons and reconfiguring the multifunction device When in a mode further includes a to continue to display the individual action icon without activating an application associated with an individual action icons, the instructions for the.

  In some embodiments, the method is performed on a multifunction device comprising a display. The method includes displaying one or more action icons and one or more folder icons in parallel on the display. The multi-function device has a normal operating mode for activating the application and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The method detects a first input and, in response to detecting the first input, the first input selects an individual folder icon of the one or more folder icons. When responding to a request, the multifunction device displays the contents of the folder associated with each folder icon, regardless of whether it is in normal operating mode or user interface reconfiguration mode And if the first input corresponds to a request to select an individual action icon of the one or more action icons, when the multi-function device is in the normal operation mode, Activating the application associated with the action icon and placing the multifunction device in user interface reconfiguration mode When you are further includes to continue to display the individual action icon without activating an application associated with an individual action icon, a.

  In some embodiments, a graphical user interface on a multifunction device comprising a display, a memory, and one or more processors for executing one or more programs stored in the memory comprises one or more actions Includes an icon and one or more folder icons. One or more action icons and one or more folder icons are displayed in parallel on the display. The multi-function device has a normal operating mode for activating the application and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. When the first input is detected and in response to detecting the first input, the first input corresponds to a request to select an individual folder icon of the one or more folder icons. Regardless of whether the multifunction device is in normal operating mode or user interface reconfiguration mode, the contents of the folder associated with each folder icon are displayed and the first input is When responding to a request to select an individual action icon of one or more action icons, when the multifunction device is in a normal operation mode, the application associated with the individual action icon is When activated and the multifunction device is in user interface reconfiguration mode, Individual actions icon application associated with the down icon without activating continues to be displayed.

  In some embodiments, a computer-readable storage medium, when executed by a multifunction device comprising a display, causes the device to display one or more action icons and one or more folder icons in parallel on the display. A group of instructions is stored. The multi-function device has a normal operating mode for activating the application and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The instructions further detect the first input to the device and the first input selects an individual folder icon of the one or more folder icons in response to detecting the first input. When responding to a request for Seyo, the contents of the folder associated with an individual folder icon, regardless of whether the multifunction device is in normal operating mode or user interface reconfiguration mode And when the first input corresponds to a request to select an individual action icon of the one or more action icons, the multi-function device is in a normal operation mode. Activating applications associated with individual action icons and reconfiguring the multifunction device When that is the mode, makes a to continue to display the individual action icon without activating an application associated with an individual action icon, a.

  In some embodiments, a multi-function device includes a display and means for displaying one or more action icons and one or more folder icons on the display in parallel. The multi-function device has a normal operating mode for activating the application and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. In response to detecting the first input and the means for detecting the first input, the device may select the individual folder icon of the one or more folder icons in response to detecting the first input. If the multi-function device is in normal operation mode or user interface reconfiguration mode, the contents of the folder associated with each folder icon will be displayed. And when the first input corresponds to a request to select an individual action icon of the one or more action icons, when the multifunction device is in the normal operation mode, Activation of the application associated with the action icon and the multifunction device is in user interface reconfiguration mode When going on to further includes a to continue to display the individual action icon without activating an application associated with an individual action icons, and means for, the.

  In some embodiments, an information processing apparatus for use in a multifunction device comprising a display includes means for displaying one or more action icons and one or more folder icons in parallel on the display. The multi-function device has a normal operating mode for activating the application and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The information processing apparatus selects a first folder icon from among one or more folder icons in response to detecting the first input and a means for detecting the first input. When responding to a request for Seyo, the contents of the folder associated with an individual folder icon, regardless of whether the multifunction device is in normal operating mode or user interface reconfiguration mode And when the first input corresponds to a request to select an individual action icon of the one or more action icons, the multi-function device is in a normal operation mode. Activating applications associated with individual action icons and reconfiguring the multi-function device user interface When that is the over de further includes to continue to display the individual action icon without activating an application associated with an individual action icons, and means for, the.

  In some embodiments, the multifunction device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. The one or more programs receive an input corresponding to a request to create a folder including the first item and the second item, and in response to receiving the input, the first item and the second item Creating a folder that includes the item, determining a first plurality of descriptors associated with the first item, and a second plurality of descriptors associated with the second item And a group of instructions for determining. If one or more programs share at least the first common descriptor with the first plurality of descriptors and the second plurality of descriptors, the first common descriptor includes a folder name for the folder. And a set of instructions for automatically generating an icon for the folder and displaying an icon for the folder on the display together with the automatically generated folder name.

  In some embodiments, the method is performed on a multifunction device comprising a display. The method receives an input corresponding to a request to create a folder including the first item and the second item, and responds to the input by changing the first item and the second item. Creating a containing folder; determining a first plurality of descriptors associated with the first item; and determining a second plurality of descriptors associated with the second item Including. The method determines a folder name for a folder based on the first common descriptor when the first plurality of descriptors and the second plurality of descriptors share at least the first common descriptor. It further includes automatically generating and displaying an icon for the folder on the display along with the automatically generated folder name.

  In some embodiments, a graphical user interface on a multifunction device comprising a display, a memory, and one or more processors for executing one or more programs stored in the memory comprises the first item and Includes a second item. An input corresponding to a request to create a folder including the first item and the second item is received, and a folder including the first item and the second item is generated in response to the input. A first plurality of descriptors associated with the first item are determined, and a second plurality of descriptors associated with the second item are determined. A folder name for the folder is automatically generated based on the first common descriptor if the first plurality of descriptors and the second plurality of descriptors share at least the first common descriptor And an icon for the folder is displayed on the display along with the automatically generated folder name.

  In some embodiments, when executed by a multifunction device comprising a display on a computer readable storage medium, the device responds to a request to create a folder that includes a first item and a second item. Receiving an input; creating a folder that includes the first item and the second item in response to receiving the input; and a first plurality of descriptors associated with the first item. A set of instructions is stored that causes determining and determining a second plurality of descriptors associated with the second item. The instructions further provide the device with a folder name for the first common descriptor if the first plurality of descriptors and the second plurality of descriptors share at least the first common descriptor. And automatically displaying an icon for the folder along with the automatically generated folder name on the display.

  In some embodiments, the multi-function device has a display, means for receiving input corresponding to a request to create a folder that includes the first item and the second item, and receiving the input. In response, creating a folder that includes the first item and the second item, determining a first plurality of descriptors associated with the first item, and associating with the second item Determining a second plurality of descriptors being provided. The device automatically selects a folder name for the folder based on the first common descriptor if the first plurality of descriptors and the second plurality of descriptors share at least the first common descriptor. Means for automatically generating and displaying an icon for the folder on the display with the automatically generated folder name.

  In some embodiments, an information processing apparatus for use in a multifunction device comprising a display has means for receiving input corresponding to a request to create a folder that includes a first item and a second item And creating a folder that includes the first item and the second item in response to receiving the input; determining a first plurality of descriptors associated with the first item; Determining a second plurality of descriptors associated with the second item. When the first plurality of descriptors and the second plurality of descriptors share at least the first common descriptor, the information processing apparatus determines a folder name for the folder based on the first common descriptor. Further includes means for automatically generating and displaying an icon for the folder on the display along with the automatically generated folder name.

  In some embodiments, the multifunction device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. The one or more programs include a group of instructions for displaying a plurality of icons on the display. A first icon in the plurality of icons is displayed at a first location on the display. A second icon in the plurality of icons separate from the first icon has an activation area having a default size. One or more programs detect an input corresponding to a request to move the first icon and determine the size of the activation area for the second icon from the first location to the second icon. For changing from a default size based on the distance to the location of the first and moving the first icon across the display away from the first location in response to detecting the input, and The instruction group is further included. The one or more programs may also detect the first icon of the second icon in response to detecting that the input meets a predetermined trigger criterion and detecting that the input meets a predetermined trigger criterion. Performing a first action associated with the second icon, if at least partially within the activation area, and the first icon is outside the activation area of the second icon In some cases, it also includes a set of instructions for performing a second operation that is separate from the first operation.

  In some embodiments, the method is performed on a multifunction device comprising a display. The method includes displaying a plurality of icons on the display. A first icon in the plurality of icons is displayed at a first location on the display. A second icon in the plurality of icons separate from the first icon has an activation area having a default size. The method detects an input corresponding to a request to move the first icon and determines the size of the activation area for the second icon from the first location to the location of the second icon. And changing from a default size based on the distance of the first icon and moving the first icon across the display away from the first location in response to detecting the input. The method also includes detecting that the input meets a predefined trigger criterion and detecting that the input meets a predefined trigger criterion, wherein the first icon is an activation region of the second icon. Performing a first action associated with the second icon, and if the first icon is outside the activation area of the second icon , Performing a second operation that is separate from the first operation.

  In some embodiments, a graphical user interface on a multifunction device comprising a display, memory, and one or more processors for executing one or more programs stored in the memory is displayed on the display. Contains multiple icons. A first icon in the plurality of icons is displayed at a first location on the display. A second icon in the plurality of icons separate from the first icon has an activation area having a default size. An input corresponding to a request to move the first icon is detected. The size of the activation area for the second icon is changed from the default size based on the distance from the first location to the location of the second icon. In response to detecting the input, the first icon is moved across the display away from the first location. The input is detected to meet a predefined trigger criterion, and the first icon is at least partially within the activation area of the second icon in response to detecting that the input meets the predefined trigger criteria. In some cases, the first action associated with the second icon is performed and is separate from the first action if the first icon is outside the activation area of the second icon. A second operation is performed.

  In some embodiments, a computer readable storage medium stores instructions that when executed by a multifunction device comprising a display, causes the device to display a plurality of icons on the display. A first icon in the plurality of icons is displayed at a first location on the display. A second icon in the plurality of icons separate from the first icon has an activation area having a default size. The instructions further detect the input corresponding to the request to move the first icon to the device and determine the size of the activation area for the second icon from the first location to the second icon. Changing from the default size based on the distance to the location of the first location and moving the first icon across the display away from the first location in response to detecting the input. . The instruction group also activates the second icon in response to the device detecting that the input meets a predetermined trigger criterion and detecting that the input meets a predetermined trigger criterion. Performing the first action associated with the second icon if at least partially within the activation area and the first icon is outside the activation area of the second icon And performing a second operation that is separate from the first operation.

  In some embodiments, the multi-function device includes a display and means for displaying a plurality of icons on the display. A first icon in the plurality of icons is displayed at a first location on the display. A second icon in the plurality of icons separate from the first icon has an activation area having a default size. The device detects the input corresponding to the request to move the first icon and the size of the activation area for the second icon from the first location to the location of the second icon. Means for changing from a default size based on the distance to, and means for moving the first icon across the display away from the first location in response to detecting the input; Is further included. The device also activates the first icon to activate the second icon in response to detecting that the input meets a predefined trigger criterion and the input detects that the predefined trigger criterion is met. Performing a first action associated with a second icon, if at least partially within the region, and if the first icon is outside the activation region of the second icon Also includes means for performing a second operation that is separate from the first operation.

  In some embodiments, an information processing apparatus for use in a multifunction device comprising a display includes means for displaying a plurality of icons on the display. A first icon in the plurality of icons is displayed at a first location on the display. A second icon in the plurality of icons separate from the first icon has an activation area having a default size. The information processing apparatus determines the means for detecting an input corresponding to the request to move the first icon and the size of the activation area for the second icon from the first location to the second icon. Means for changing from a default size based on the distance to the location of the device, and means for moving the first icon across the display away from the first location in response to detecting the input And. The information processing apparatus also includes means for detecting that the input satisfies a predetermined trigger criterion and detecting that the input satisfies the predetermined trigger criterion and the first icon is the second icon. Performing a first action associated with the second icon, if at least partially within the activation area, and the first icon is outside the activation area of the second icon In some cases, including means for performing a second operation that is separate from the first operation.

  In some embodiments, the multifunction device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. One or more programs display a plurality of icons in a first arrangement on the display, and the first icons in the plurality of icons from a first position on the display to a second position on the display. Detecting an input corresponding to the request to move, moving the first icon from the first position to the second position in response to detecting the input, and automatic reconfiguration criteria are met A set of instructions for maintaining the position of each individual icon in the plurality of icons other than the first icon. The device moves one or more of the icons in the plurality of icons other than the first icon to form a second array that is distinct from the first array when the automatic reconfiguration criteria are met It further includes a group of instructions for causing

  In some embodiments, the method is performed on a multifunction device comprising a display. The method displays a plurality of icons in a first arrangement on the display and moves the first icons in the plurality of icons from a first position on the display to a second position on the display. Detecting an input corresponding to the request, moving the first icon from the first position to the second position in response to detecting the input, and until the automatic reconfiguration criterion is satisfied, Maintaining the position of each individual icon within the plurality of icons other than the first icon. The method applies one or more of the icons in the plurality of icons other than the first icon to form a second array that is distinct from the first array when the automatic reconfiguration criterion is met. It further includes moving.

  In some embodiments, a graphical user interface on a multifunction device comprising a display, a memory, and one or more processors for executing one or more programs stored in the memory displays a plurality of icons. In the first sequence. An input corresponding to a request to move a first icon of the plurality of icons from a first position on the display to a second position on the display is detected, and in response to detecting the input, the first icon The icon is moved from the first position to the second position, and the position of each individual icon in the plurality of icons other than the first icon is maintained until the automatic reconfiguration criterion is satisfied. When the automatic reconfiguration criteria are met, one or more of the icons in the plurality of icons other than the first icon are moved to form a second array that is separate from the first array.

  In some embodiments, when executed by a multifunction device comprising a display on a computer readable storage medium, the device displays a plurality of icons in a first arrangement on the display; and In response to detecting an input corresponding to the request to move the first icon from the first position on the display to the second position on the display, and detecting the input, the first icon An instruction to move from the first position to the second position and to maintain the position of each individual icon in the plurality of icons other than the first icon until the automatic reconfiguration criterion is satisfied Groups are remembered. The group of instructions further allows the device to form a second array that is distinct from the first array when an automatic reconfiguration criterion is met, wherein one of the icons in the plurality of icons other than the first icon. Move more than one.

  In some embodiments, the multi-function device includes a display, means for displaying a plurality of icons in a first arrangement on the display, and a first icon in the plurality of icons on a first on the display. Means for detecting an input corresponding to a request to move from a position to a second position on the display; and in response to detecting the input, the first icon is moved from the first position to the second position. And maintaining the position of each individual icon within the plurality of icons other than the first icon until the automatic reconfiguration criteria are met. The device moves one or more of the icons in the plurality of icons other than the first icon to form a second array that is distinct from the first array when the automatic reconfiguration criteria are met And further includes means for causing.

  In some embodiments, an information processing apparatus for use in a multifunction device comprising a display includes means for displaying a plurality of icons in a first array on the display, and a first icon in the plurality of icons. Means for detecting an input corresponding to a request to move from a first position on the display to a second position on the display, and in response to detecting the input, the first icon Means for moving from the first position to the second position and maintaining the position of each individual icon in the plurality of icons other than the first icon until the automatic reconfiguration criterion is met. And including. The information processing apparatus, when the automatic reconfiguration criterion is satisfied, forms one or more of icons in a plurality of icons other than the first icon to form a second array that is separate from the first array. And further includes means for moving the.

  In some embodiments, the multifunction device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. One or more programs include instructions for displaying a dynamic folder icon. The dynamic folder icon includes a visual indication of the current contents in the folder associated with the dynamic folder icon. The device detects an input corresponding to a request to change the contents in the folder, changes the contents in the folder in response to detecting the input, and displays a dynamic folder icon in the folder. Further including instructions for updating to include a visual indication of the spatial arrangement of the changed content of

  In some embodiments, the method is performed on a multifunction device comprising a display. The method includes displaying a dynamic folder icon. The dynamic folder icon includes a visual indication of the current contents in the folder associated with the dynamic folder icon. The method detects an input corresponding to a request to change the contents in the folder, changes the contents in the folder in response to detecting the input, and displays a dynamic folder icon. And updating to include a visual indication of the spatial arrangement of the modified content in the.

  In some embodiments, a graphical user interface on a multifunction device comprising a display, memory, and one or more processors for executing one or more programs stored in the memory includes a dynamic folder icon. Including. The dynamic folder icon includes a visual indication of the current contents in the folder associated with the dynamic folder icon. The input corresponding to the request to change the contents in the folder is detected, the contents in the folder are changed in response to detecting the input, and the dynamic folder icon is the space for the changed contents in the folder. Updated to include a visual indication of the sequence.

  In some embodiments, instructions are stored on a computer readable storage medium that, when executed by a multifunction device comprising a display, causes the device to display a dynamic folder icon. The dynamic folder icon includes a visual indication of the current contents in the folder associated with the dynamic folder icon. The instructions further detect the input to the device in response to a request to change the contents in the folder, change the contents in the folder in response to detecting the input, and a dynamic folder icon Updating to include a visual indication of the spatial arrangement of the changed content in the folder.

  In some embodiments, the multifunction device includes a display and means for displaying a dynamic folder icon. The dynamic folder icon includes a visual indication of the current contents in the folder associated with the dynamic folder icon. The device detects means corresponding to a request to change the contents in the folder, changes the contents in the folder in response to detecting the input, and displays a dynamic folder icon. And means for updating to include a visual indication of the spatial arrangement of the changed content in the folder.

  In some embodiments, an information processing apparatus for use in a multifunction device comprising a display includes means for displaying a dynamic folder icon. The dynamic folder icon includes a visual indication of the current contents in the folder associated with the dynamic folder icon. The information processing apparatus includes means for detecting an input corresponding to a request to change the contents in the folder, changing the contents in the folder in response to detecting the input, and a dynamic folder icon. And updating means to include a visual indication of the spatial arrangement of the changed content in the folder.

  In some embodiments, the multifunction device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. One or more programs are instructions for displaying a folder icon on a wallpaper background on the display, the folder icon corresponding to a folder containing the content, the content being one or more selectable Contains instructions including user interface objects. The one or more programs detect the first input corresponding to the request to display the contents of the folder and detect the first input to change the wallpaper background to the first part and the first part. Splitting into two parts, moving the second part away from the first part, and displaying the contents of the folder in the area between the first part and the second part And further includes a command group.

  In some embodiments, the method is performed on a multifunction device comprising a display. The method is to display a folder icon over a wallpaper background on the display, the folder icon corresponding to a folder that contains the content, the content including one or more selectable user interface objects. Including displaying. The method detects the first input corresponding to the request to display the contents of the folder, and detects the wallpaper background in response to detecting the first input and the second part. Splitting the second part away from the first part, and displaying the contents of the folder within the area between the first part and the second part. In addition.

  In some embodiments, a graphical user interface on a multi-function device comprising a display, a memory, and one or more processors for executing one or more programs stored in the memory is a wallpaper background on the display. The folder icon corresponds to the folder that contains the content, and the content includes one or more selectable user interface objects. A first input corresponding to a request to display the contents of the folder is detected, and in response to detecting the first input, the wallpaper background is divided into a first portion and a second portion, This part is moved away from the first part, and the contents of the folder are displayed in the area between the first part and the second part.

  In some embodiments, instructions that, when executed by a multifunction device comprising a display on a computer readable storage medium, cause the device to display a folder icon on a wallpaper background on the display, the folder icon being A set of instructions is stored corresponding to the folder containing the content, the content including one or more selectable user interface objects. The instructions further detect the first input corresponding to the request to display the contents of the folder on the device, and detect the first input and the wallpaper background in the first part and the first part. Splitting into two parts, moving the second part away from the first part, and displaying the contents of the folder in the area between the first part and the second part And let me do.

  In some embodiments, the multi-function device is a display and a means for displaying a folder icon on a wallpaper background on the display, the folder icon corresponding to a folder containing the content, where the content is Means including one or more selectable user interface objects. The device detects the first input corresponding to the request to display the contents of the folder, and in response to detecting the first input, the device displays the wallpaper background in the first part and the second part. Dividing into parts, moving the second part away from the first part, displaying the contents of the folder in the area between the first part and the second part; And means for.

  In some embodiments, an information processing apparatus for use in a multifunction device comprising a display is a means for displaying a folder icon on a wallpaper background on the display, the folder icon including content Corresponding to a folder, the content includes means including one or more selectable user interface objects. The information processing apparatus detects the first input corresponding to the request to display the contents of the folder, and detects the first input and the wallpaper background in response to detecting the first input. Splitting into two parts, moving the second part away from the first part, and displaying the contents of the folder in the area between the first part and the second part And means for.

  In some embodiments, the electronic device includes a display, one or more processors, memory, and one or more programs. One or more programs are stored in the memory and configured to be executed by one or more processors. The one or more programs include instructions for displaying a plurality of selectable user interface objects including one or more folder icons in parallel on the display. One or more programs are instructions for detecting a first input corresponding to a request to select an individual folder icon for an individual folder, wherein the individual folder is a first page And a set of instructions including a first number of selectable icons divided between a plurality of separately displayed pages, including a second page. The one or more programs further include instructions for displaying a folder view for the individual folder in response to detecting the first input. The folder view includes at most room to simultaneously display a second number of selectable icons that is less than the first number of selectable icons. The folder view displays a first page that includes a first subset of selectable icons in the folder. One or more programs detect a second input corresponding to a request to display a second page of the folder view while displaying the first page of the folder view; In response to detecting the input of the folder view, the display of the first page of the folder view is stopped, the second page of the folder view for the individual folder is displayed, and further instructions for Including. The second page of the folder view includes a second subset of selectable icons that is different from the first subset of selectable icons.

  In some embodiments, the method is performed on a multifunction device comprising a display. The method includes displaying a plurality of selectable user interface objects including one or more folder icons in parallel on the display. The method detects a first input corresponding to a request to select an individual folder icon for an individual folder, where the individual folder includes a first page and a second page. And further including detecting, including a first number of selectable icons that are divided between a plurality of separately displayed pages. The method further includes displaying a folder view for the individual folder in response to detecting the first input. The folder view includes at most room to simultaneously display a second number of selectable icons that is less than the first number of selectable icons. The folder view displays a first page that includes a first subset of selectable icons in the folder. The method detects a second input corresponding to a request to display a second page of the folder view while displaying the first page of the folder view; and Responsive to detecting, further comprising stopping displaying the first page of the folder view and displaying the second page of the folder view for the individual folder. The second page of the folder view includes a second subset of selectable icons that is different from the first subset of selectable icons.

  In some embodiments, a graphical user interface on an electronic device comprising a display, a memory, and one or more processors for executing one or more programs stored in the memory is concurrently displayed on the display. It includes a plurality of selectable user interface objects that include one or more folder icons to be displayed. A first input corresponding to a request to select an individual folder icon for an individual folder is detected, and each individual folder includes a plurality of independently independent pages, including a first page and a second page. A first number of selectable icons that are divided between the displayed pages. In response to detecting the first input, a folder view for the individual folder is displayed. The folder view includes at most room to simultaneously display a second number of selectable icons that is less than the first number of selectable icons. The folder view displays a first page that includes a first subset of selectable icons in the folder. While displaying the first page of the folder view, a second input corresponding to a request to display the second page of the folder view is detected. In response to detecting the second input, the graphical user interface is configured to stop displaying the first page of the folder view and display the second page of the folder view for the individual folder. The The second page of the folder view includes a second subset of selectable icons that is different from the first subset of selectable icons.

  In some embodiments, when executed by an electronic device comprising a display on a computer readable storage medium, the device has a plurality of selectable user interface objects including one or more folder icons in parallel on the display. A group of instructions to be displayed is stored. The instructions further comprise detecting a first input corresponding to a request to the device to select an individual folder icon for the individual folder, wherein the individual folder includes the first page and the second page. And including a first number of selectable icons that are divided between a plurality of separately displayed pages. The instructions further cause the device to display a folder view for the individual folder in response to detecting the first input. The folder view includes at most room to simultaneously display a second number of selectable icons that is less than the first number of selectable icons. The folder view displays a first page that includes a first subset of selectable icons in the folder. The instructions further detect a second input corresponding to a request to display the second page of the folder view while displaying the first page of the folder view on the device; In response to detecting the input, the display of the first page of the folder view is stopped and the second page of the folder view for the individual folder is displayed. The second page of the folder view includes a second subset of selectable icons that is different from the first subset of selectable icons.

  In some embodiments, the electronic device includes a display, a means for displaying a plurality of selectable user interface objects including one or more folder icons in parallel on the display, and for individual folders. Means for detecting a first input corresponding to a request to select an individual folder icon, wherein each individual folder includes a plurality of independently independent pages, including a first page and a second page. Means for displaying a folder view for an individual folder in response to detecting a first input and means, including a first number of selectable icons divided between displayed pages The folder view has room to display at the same time a second number of selectable icons that is less than the first number of selectable icons at most. The folder view is a means for displaying a first page that includes a first subset of selectable icons in the folder, and while displaying the first page of the folder view. Means for detecting a second input corresponding to the request to display two pages, and stopping the display of the first page of the folder view in response to detecting the second input Means for displaying a second page of the folder view for a folder of the folder view, wherein the second page of the folder view is different from the first subset of selectable icons. Means including a subset.

  In some embodiments, an information processing apparatus for use in an electronic device comprising a display includes means for displaying a plurality of selectable user interface objects including one or more folder icons in parallel on the display. Means for detecting a first input corresponding to a request to select an individual folder icon for an individual folder, the individual folder including a first page and a second page Means, including a first number of selectable icons divided between a plurality of separately displayed pages, and for individual folders in response to detecting the first input Means for displaying a plurality of folder views, wherein the folder view is at most a second number of selectable icons less than the first number of selectable icons. The folder view includes a room for displaying icons at the same time, the folder view displays a first page that includes a first subset of selectable icons in the folder, and a first page of the folder view. While the means for detecting the second input corresponding to the request to display the second page of the folder view and in response to detecting the second input, the first of the folder view For displaying a second page of the folder view for each individual folder, wherein the second page of the folder view includes a first subset of selectable icons and Means comprising a second subset of different selectable icons.

  In some embodiments, the electronic device includes a display unit configured to display a plurality of selectable user interface objects including one or more folder icons in parallel, a first input and a second An input unit configured to receive input, wherein the first input corresponds to a request to select an individual folder icon for an individual folder, the individual folder including the first page and Including a first number of selectable icons that are divided among a plurality of separately displayed pages in the folder view, including a second page, and wherein the second input is the second page An input unit and a processing unit coupled to the display unit and the input unit, the processing unit corresponding to the request to display Detecting and displaying a folder view for the individual folder in response to detecting the first input, the folder view being at most more than the first number of selectable icons. Including a room for only a small second number of selectable icons to be displayed at the same time, the folder view displaying a first page including a first subset of selectable icons in the folder; Detecting the second input while displaying the first page of the folder view, and stopping displaying the first page of the folder view in response to detecting the second input. Displaying a second page of the folder view for the individual folder, wherein the second page of the folder view is different from the first subset of selectable icons. Including a second subset of the configuration, including adapted to the possible display, and a processing unit.

  Hence, a multifunction device with a display is provided with a faster, more efficient method and interface for managing folders, thereby increasing the effectiveness, efficiency and user satisfaction of such devices. . Such methods and interfaces may complement or replace conventional methods for managing folders.

For a better understanding of the foregoing embodiments of the invention, as well as those additional embodiments, reference is made to the following description of the embodiments in connection with the following drawings. In the drawings, like reference numerals designate corresponding parts throughout the drawings.
FIG. 3 is a block diagram illustrating a portable multifunction device with a touch-sensitive display, according to some embodiments. FIG. 3 is a block diagram illustrating a portable multifunction device with a touch-sensitive display, according to some embodiments. FIG. 3 is a block diagram illustrating exemplary components for event processing, according to some embodiments. 1 illustrates a portable multifunction device with a touch screen, according to some embodiments. FIG. 2 is a block diagram of an exemplary multifunction device with a display and a touch sensitive surface, according to some embodiments. 6 illustrates an exemplary user interface for a menu of applications on a portable multifunction device, according to some embodiments. 6 illustrates an exemplary user interface for a menu of applications on a portable multifunction device, according to some embodiments. 6 illustrates an exemplary user interface for a multifunction device with a touch-sensitive surface separate from the display, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. 6 illustrates an exemplary user interface for managing folders, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for creating a new folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for creating a new folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for creating a new folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for creating a new folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for creating a new folder, according to some embodiments. FIG. 5 is a flow diagram illustrating a method for managing folder icons and action icons, according to some embodiments. FIG. 5 is a flow diagram illustrating a method for managing folder icons and action icons, according to some embodiments. FIG. 5 is a flow diagram illustrating a method for managing folder icons and action icons, according to some embodiments. FIG. 5 is a flow diagram illustrating a method for naming a new folder, according to some embodiments. FIG. 5 is a flow diagram illustrating a method for naming a new folder, according to some embodiments. FIG. 5 is a flow diagram illustrating a method for naming a new folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for adjusting an activation area for a selectable user interface object in response to icon management input, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for adjusting an activation area for a selectable user interface object in response to icon management input, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for reconfiguring icons on a display in response to icon management input, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for reconfiguring icons on a display in response to icon management input, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for updating a dynamic folder icon to provide visual instructions regarding the contents of a folder associated with the dynamic folder icon, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for updating a dynamic folder icon to provide visual instructions regarding the contents of a folder associated with the dynamic folder icon, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for updating a dynamic folder icon to provide visual instructions regarding the contents of a folder associated with the dynamic folder icon, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for providing context information in conjunction with displaying the contents of a folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for providing context information in conjunction with displaying the contents of a folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for providing context information in conjunction with displaying the contents of a folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for providing context information in conjunction with displaying the contents of a folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for providing context information in conjunction with displaying the contents of a folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for displaying and navigating a multi-page folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for displaying and navigating a multi-page folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for displaying and navigating a multi-page folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for displaying and navigating a multi-page folder, according to some embodiments. FIG. 6 is a flow diagram illustrating a method for displaying and navigating a multi-page folder, according to some embodiments. FIG. 2 is a functional block diagram of an electronic device, according to some embodiments.

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

  In this specification, terms such as first, second, etc. may be used to describe various elements, but it is also understood that these elements should not be limited by these terms. Will. These terms are only used to distinguish one element from another. For example, a first contact could be referred to as a second contact, and, similarly, a second contact could be referred to as a first contact without departing from the scope of the present invention. The first contact and the second contact are both contacts, but they are not the same contact.

  The terminology used in the description of the invention herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the description of the present invention and the appended claims, the singular forms “a”, “an”, and “the” also refer to the plural unless the context clearly indicates otherwise. It is intended to include. It is also understood that the term “and / or” as used herein refers to and includes any and all possible combinations of one or more of the associated listed items. It will be. Further, when the terms “includes”, “including”, “comprises” and / or “comprising” are used herein, the features, integers, Understanding that the presence of a step, action, element, and / or component is specified but does not exclude the presence or addition of one or more other features, integers, steps, actions, elements, components, and / or groups thereof Will be done.

  As used herein, the term “if” refers to “when”, “upon”, “in response to determining” depending on context. In response to a determination) or “in response to detecting”. Similarly, the phrase “if it is determined” (if determined to be) or “if (a stated condition or event) is detected (when a condition or event described) is detected” is used in context. According to “upon determining (when determined to be)”, “in response to determining” (in response to determination of “)”, “upon detecting (the stateed condition or event) ((stated condition or Responding to detection of "in response to detecting (the stateed condition or event)" (when stated) It can be interpreted to mean the Te) ".

  As used herein, the term “resolution” of a display refers to the number of pixels along each axis or in each dimension of the display (also referred to as “number of pixels” or “pixel resolution”). For example, the display may have a resolution of 320 × 480 pixels. Further, as used herein, the term “resolution” of a multifunction device refers to the resolution of the display within the multifunction device. The term “resolution” does not imply any limitation on the size or spacing of each pixel. For example, compared to a first display having a 1024 × 768 pixel resolution, a second display having a 320 × 480 pixel resolution has a lower resolution. However, it should be noted that the physical size of the display depends not only on pixel resolution, but also on many other factors, including pixel size and pixel spacing. Thus, the first display may have the same, smaller or larger physical size compared to the second display.

  As used herein, the term “video resolution” of a display refers to the density of pixels along each axis or in each dimension of the display. Video resolution is often measured in dots-per-inch (DPI) units, counting the number of pixels that can be arranged in a line within an inch along each individual dimension of the display. It is measured.

  Embodiments of computing devices, user interfaces for such devices, and related processes for using such devices are described. In some embodiments, the computing device is a portable communication device such as a mobile phone that also includes other functions such as PDA functions and / or music playback functions. Exemplary embodiments of portable multifunction devices include, without limitation, Apple Inc. of Cupertino, Calif. Including iPhone® and iPodTouch® devices. Other portable devices may be used, such as a laptop computer or tablet computer with a touch sensitive surface (eg, a touch screen display and / or touchpad). It should also be appreciated that in some embodiments, the device is not a portable communication device, but a desktop computer with a touch-sensitive surface (eg, a touch screen display and / or touchpad).

  The following discussion describes a computing device that includes a display and a touch-sensitive surface. However, it should be understood that the computing device may include one or more other physical user interface devices such as a physical keyboard, mouse, and / or joystick.

  This device is a drawing application, presentation application, word processing application, website creation application, disc authoring application, spreadsheet application, game application, telephone application, video conferencing application, email application, instant messaging application, training support application, photo Supports various applications such as one or more of management application, digital camera application, digital video camera application, web browsing application, digital music playback application, and / or digital video playback application To.

  Various applications that can run on the device can use at least one common physical user interface device, such as a touch-sensitive surface. One or more functions of the touch-sensitive surface and corresponding information displayed on the device can be adjusted and / or changed from application to application and / or within each application. In this way, the common physical architecture of the device (such as a touch-sensitive surface) can support a variety of applications with user interfaces that are intuitive and transparent to the user.

  The user interface may include one or more soft keyboard embodiments. Embodiments of the soft keyboard are described in US patent application Ser. No. 11 / 459,606 filed Jul. 24, 2006, “Keyboards For Portable Electronic Devices”, and No. 11/11 filed Jul. 24, 2006. No. 459,615, “Touch Screen Keyboards for Portable Electronic Devices”, and may include standard configurations (QWERTY) and / or non-standard configurations of symbols on displayed keyboard icons. The contents of these applications are hereby incorporated by reference in their entirety. Keyboard embodiments may include fewer icons (or soft keys) relative to the number of keys on an existing physical keyboard, such as for a typewriter. This may make it easier for the user to select one or more icons in the keyboard, and thus one or more corresponding symbols. Keyboard embodiments may be adaptive. For example, the displayed icons may be changed according to user actions, such as selecting one or more icons and / or one or more corresponding symbols. One or more applications on the device may utilize common and / or different keyboard embodiments. Thus, the keyboard embodiment used may be adapted to at least some of the applications. In some embodiments, one or more keyboard embodiments may be adapted to each user. For example, one or more keyboard embodiments may be adapted to each user based on the respective user's word usage history (dictionary editing, slang, personal use). Some keyboard embodiments may be tailored to reduce the probability of user error when selecting one or more icons, and thus one or more symbols, when using soft keyboard embodiments. Good.

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

  Device 100 is just one example of a portable multifunction device, and device 100 may have more or fewer components than shown, may combine two or more components, and It should be understood that the elements may have different configurations or arrangements. The various components shown in FIGS. 1A and 1B are implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing circuits and / or application specific integrated circuits. May be.

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

  Peripheral interface 118 may be used to couple device input and output peripherals to CPU 120 and memory 102. One or more processors 120 may run or execute various software programs and / or instruction sets stored in memory 102 to perform various functions for device 100 and to perform data processing. Or

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

  An RF (radio frequency) circuit 108 receives and transmits an RF signal, also called an electromagnetic signal. The RF circuit 108 converts an electrical signal into an electromagnetic signal or an electromagnetic signal into an electrical signal, and communicates with a communication network and other communication devices via the electromagnetic signal. The RF circuitry 108 performs, but is not limited to, an antenna system, an RF transceiver, one or more amplifiers, a tuner, one or more oscillators, a digital signal processor, a CODEC chip to perform these functions. Well-known circuitry may be included, including sets, subscriber identity module (SIM) cards, memory, and the like. The RF circuit 108 is wirelessly communicated with a network such as the Internet, also called the World Wide Web (WWW), a wireless network such as an intranet and / or a cellular telephone network, a wireless local area network (LAN) and / or a metropolitan area. You may communicate with a network (MAN) and other devices. Wireless communication includes, but is not limited to, Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), High-speed downlink packet access (HSDPA), broadband code Division multiple access (W-CDMA), code division multiple access (CDMA), time division multiple access (TDMA), Bluetooth (registered trademark), Wireless Fidelity ( Wi-Fi) (eg, IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, and / or IEEE 802.11n), voice over in -VoIP (voice over Internet Protocol), Wi-MAX, e-mail protocol (for example, Internet message access protocol (IMAP) and / or post office protocol (POP)) Instant Messaging (eg, extensible messaging and presence protocol (XMPP), Session Initiation Protocol for Instant Messaging and Presentation Leveraging Extensions (SIMPLE) and Instant Messaging PS), Instant Messaging PS Short message Use any of a number of communication standards, protocols and technologies, including services (SMS: Short Message Service) or any other suitable communication protocol, including those not yet developed on the filing date of this document be able to.

  Audio circuitry 110, speaker 111, and microphone 113 provide an audio interface between the user and device 100. The audio circuit mechanism 110 receives audio data from the peripheral device interface 118, converts the audio data into an electric signal, and transmits the electric signal to the speaker 111. The speaker 111 converts the electric signal into a sound wave that can be heard by the human ear. The audio circuitry 110 also receives an electrical signal converted from sound waves by the microphone 113. Audio circuitry 110 converts the electrical signal into audio data and transmits the audio data to peripheral device interface 118 for processing. Audio data may be obtained from the memory 102 and / or RF circuitry 108 and / or transmitted to the memory 102 and / or RF circuitry 108 by the peripheral interface 118. In some embodiments, the audio circuitry 110 further comprises a headset jack (eg, 212 in FIG. 2). The headset jack is a removable audio input / output peripheral, such as an audio circuitry 110 and an output-only headphone or headset that has both an output (eg, one or both ear headphones) and an input (eg, a microphone). Provides an interface to equipment.

  The I / O subsystem 106 couples the input / output peripherals of the device 100, such as the touch screen 112 and other input control devices 116, to the peripheral interface 118. The I / O subsystem 106 can include a display controller 156, as well as one or more input controllers 160 for other input or control devices. One or more input controllers 160 receive / transmit electrical signals to / from other inputs or control device 116. Other input control devices 116 may include physical buttons (eg, push buttons, rocker buttons, etc.), dials, slider switches, joysticks, click wheels, and the like. In some alternative embodiments, the input controller (s) 160 may be coupled to (or any) a pointer device such as a keyboard, infrared port, USB port, and mouse. Need not be combined). One or more buttons (eg, 208 in FIG. 2) may include up / down buttons for volume adjustment of speaker 111 and / or microphone 113. The one or more buttons may include a push button (eg, 206 in FIG. 2). As described in U.S. Patent Application No. 11 / 322,549, filed December 23, 2005, "Unlocking a Device by Performing Gestures on an Unlock Image" The process of unlocking 112 may be initiated, or the process of unlocking the device using gestures on the touch screen may be initiated. This application is incorporated herein by reference in its entirety. A longer press on a push button (e.g., 206) may turn the device 100 on or off. The user may be able to customize the functionality of one or more buttons. The touch screen 112 is used to implement virtual or soft buttons as well as one or more soft keyboards.

  Touch sensitive display 112 provides an input interface and an output interface between the device and the user. Display controller 156 receives and / or transmits electrical signals to / from touch screen 112. Touch screen 112 displays visual output to the user. This visual output may include graphics, text, icons, video, and any combination thereof (collectively referred to as “graphics”). In some embodiments, some or all of these visual outputs may correspond to user interface objects.

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

  The touch screen 112 may use LCD (liquid crystal display) technology, LPD (light emitting polymer display) technology, or LED (light emitting diode) technology, but other implementations. In forms, other display technologies may be used. The touch screen 112 and the display controller 156 may include, but are not limited to, capacitive technology, resistive technology, infrared technology, and surface ultrasound technology, and one or more points of contact with the touch screen 112. Detecting touches and any movements or interruptions thereof using any of several touch sensing technologies currently known or developed in the future, including other proximity sensor arrays or other elements Also good. In an exemplary embodiment, Apple Inc. of Cupertino, Calif. Projected mutual capacitance sensing techniques are used, such as those found in iPhone.RTM. And iPod Touch.RTM.

  Touch-sensitive displays in some embodiments of touch screen 112 may include the following US patents: 6,323,846 (Westerman et al.), 6,570,557 (Westerman et al.), And / or 677,932 (Westerman), and / or may be similar to the multi-touch sensitive touchpad described in US 2002 / 0015024A1. Each of these documents is hereby incorporated by reference in its entirety. However, the touch screen 112 displays visual output from the portable device 100, whereas the touch sensitive touchpad does not provide visual output.

  The touch sensitive display in some embodiments of the touch screen 112 may be as described in the following application. (1) US Patent Application No. 11 / 381,313 filed on May 2, 2006, “Multipoint Touch Surface Controller”, (2) US Patent Application No. 10 / filed on May 6, 2004 840,862, “Multipoint Touchscreen”, (3) US Patent Application No. 10 / 903,964, filed July 30, 2004, “Gestures For Touch Sensitive Input Devices”, (4) January 2005. US patent application Ser. No. 11 / 048,264, filed on 31st, “Gestures For Touch Sensitive Input Devices”, (5) US patent application 11 / 038,59 filed on 18 January 2005 No. 0, “Mode-Based Graphic User Interface For Touch Sensitive Input Devices”, (6) U.S. Patent Application No. 11 / 228,758 filed on September 16, 2005, “Virtual Input Device PectoSemi "User Interface", (7) U.S. Patent Application No. 11 / 228,700, filed September 16, 2005, "Operation Of A Computer With A Touch Screen Interface", (8) September 16, 2005. U.S. patent application Ser. No. 11 / 228,737, “Activating Virtual Keys Of AT” uch-Screen Virtual Keyboard ", and (9), filed on March 3, 2006 the US patent application Ser. No. 11 / 367,749," Multi-Functional Hand-Held Device ". All of these applications are hereby incorporated by reference in their entirety.

  Touch screen 112 may have a video resolution in excess of 100 dpi. In some embodiments, the touch screen has a video resolution of about 160 dpi. The user may touch the touch screen 112 using any suitable object or accessory, such as a stylus, finger, and the like. In some embodiments, the user interface is designed to work primarily with finger-based contacts and gestures, and may have less accuracy than stylus-based input due to the large finger contact area on the touch screen. is there. In some embodiments, the device converts the rough finger-based input into a precise pointer / cursor position or command for performing the action desired by the user.

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

  In some embodiments, device 100 may include a physical or virtual wheel (eg, a click wheel) as input control device 116. The user can rotate the click wheel or move the contact point using the click wheel (eg, in this case, the amount of movement of the contact point is measured by its angular displacement with respect to the center point of the click wheel. May navigate between and interact with one or more graphical objects (eg, icons) displayed within the touch screen 112. The click wheel may also be used to select one or more of the displayed icons. For example, the user may depress at least a portion of the click wheel or associated button. User commands and navigation commands provided by the user via the click wheel may be processed by the input controller 160 and one or more of a set of modules and / or instructions in the memory 102. In the case of a virtual click wheel, the click wheel and click wheel controller may be part of the touch screen 112 and display controller 156, respectively. In the case of a virtual click wheel, the click wheel may be either an opaque or translucent object that appears and disappears on the touch screen display in response to user interaction with the device. In some embodiments, the virtual click wheel is displayed on the touch screen of the portable multifunction device and is manipulated by user contact with the touch screen.

  Device 100 further includes a power system 162 for supplying power to various components. The power system 162 includes a power management system, one or more power sources (eg, battery, alternating current (AC)), recharging system, power failure detection circuit, power converter or inverter, power status indicator (eg, light emitting diode ( LED)), and any other components associated with power generation, management, and distribution in portable devices.

  Device 100 may also include one or more light sensors 164. 1A and 1B show a photosensor coupled to a photosensor controller 158 in the I / O subsystem 106. FIG. The optical sensor 164 may include a charge-coupled device (CCD) or a complementary metal-oxide semiconductor (CMOS) phototransistor. The optical sensor 164 receives light from the environment projected through one or more lenses and converts the light into data representing an image. In conjunction with the imaging module 143 (also referred to as a camera module), the optical sensor 164 may capture a still image or video. In some embodiments, the device 100 that is opposite the touch screen display 112 on the front of the device so that the touch screen display can be used as a viewfinder for still and / or video image acquisition. An optical sensor is disposed on the back surface. In some embodiments, a light sensor is placed on the front of the device so that the user can obtain other users' images for video conferencing while viewing other video conferencing participants on the touch screen display. Has been. In some embodiments, the position of the light sensor 164 can be changed by a user (eg, by rotating a lens and sensor in the device housing), thereby allowing the single light sensor 164 to be touch screen. It can be used for both video conferencing and still image and / or video image acquisition with a display.

  Device 100 may include one or more proximity sensors 166. FIGS. 1A and 1B show a proximity sensor 166 coupled to the peripheral interface 118. Alternatively, proximity sensor 166 may be coupled to input controller 160 within I / O subsystem 106. Proximity sensor 166 is described in US Patent Application No. 11 / 241,839, “Proximity Detector In Handheld Device”, 11 / 240,788, “Proximity Detector In Handheld Device”, 11 / 620,702, “Using”. Ambient Light Sensor To Augment Proximity Sensor Output, No. 11 / 586,862, “Automated Response To Ahead of the First”, “Sensing of User Activity In 11”. ion Of Peripherals "may operate as described. These applications are incorporated herein by reference in their entirety. In some embodiments, when the multi-function device is located near the user's ear (eg, when the user is making a phone call), the proximity sensor is turned off and the touch screen 112 is disabled. .

  Device 100 may further comprise one or more accelerometers 168. FIGS. 1A and 1B show an accelerometer 168 coupled to the peripheral interface 118. Alternatively, accelerometer 168 may be coupled to input controller 160 within I / O subsystem 106. The accelerometer 168 is disclosed in US Patent Publication No. 20050100599, "Acceleration-based Theft Detection System for Portable Electronic Devices", and US Patent Publication No. 20060017692 May behave like Both of these documents are hereby incorporated by reference in their entirety. In some embodiments, the information is displayed on the touch screen display in portrait view or landscape view based on analysis of data received from one or more accelerometers. Device 100 obtains information about the magnetometer (not shown) and the position and orientation of device 100 (eg, portrait or landscape) in addition to accelerometer (s) 168 as needed. GPS (or GLONASS or other global navigation system) receiver (not shown).

  In some embodiments, the software components stored in the memory 102 include an operating system 126, a communication module (or instruction set) 128, a touch / motion module (or instruction set) 130, a graphics module (or instruction set) 132, A text input module (or instruction set) 134, a global positioning system (GPS) module (or instruction set) 135, and an application (instruction set) 136 are included. Further, in some embodiments, the memory 102 stores a device / global internal state 157 as shown in FIGS. 1A, 1B, and 3. Device / global internal state 157, if present, indicates which application is currently active, which application state, which application, view, or other information is displayed in various areas of touch screen display 112. Including one or more of display status, sensor status, and location information regarding the location and / or attitude of the device, including information obtained from various sensors and input control devices 116 of the device. .

  Operating system 126 (for example, Darwin (registered trademark), RTXC (registered trademark), LINUX (registered trademark), UNIX (registered trademark), OS X (registered trademark), WINDOWS (registered trademark), VxWorks (registered trademark), etc. Embedded operating system) includes various software components and / or drivers for controlling and managing common system tasks (eg, memory management, storage device control, power management, etc.) and various hardware and software Facilitates communication with components.

  The communication module 128 includes various software components for facilitating communication with other devices via one or more external ports 124 and processing data received by the RF circuit 108 and / or the external port 124. External port 124 (eg, Universal Serial Bus (USB), FIREWIRE®, etc.) is coupled to other devices either directly or indirectly via a network (eg, Internet, wireless LAN, etc.). Is adapted to. In some embodiments, the external port is a multi-pin (eg, 30-pin) that is the same as or similar to and / or compatible with the 30-pin connector used on iPod (Apple Inc.) devices. ) Connector.

  Contact / motion module 130 may detect contact with touch screen 112 and other touch sensitive devices (eg, a touchpad or physical click wheel) (in conjunction with display controller 156). The contact / motion module 130 determines whether contact has occurred (eg, detection of a finger down event), determines whether there is contact movement, and tracks movement across the touch-sensitive surface (eg, one or more fingers). It includes various software components for performing various operations related to contact detection, such as detection of dragging events), as well as determination of whether contact has ended (eg, detection of a finger up event or contact interruption). Contact / motion module 130 receives contact data from the touch-sensitive surface. The determination of the movement of the contact point represented by the series of contact data is performed by determining the speed (size), speed (size and direction), and / or acceleration (change in size and / or direction) of the contact point. May be included. These operations can be applied to a single contact (eg, a single finger contact) or multiple simultaneous contacts (eg, “multi-touch” / multiple finger contacts). In some embodiments, contact / motion module 130 and display controller 156 detect contact on the touchpad. In some embodiments, contact / motion module 130 and controller 160 detect contact on the click wheel.

  The contact / motion module 130 can detect a gesture input by a user. Different gestures on the touch-sensitive surface have different contact patterns. Therefore, a gesture can be detected by detecting a specific contact pattern. For example, finger tap gesture detection detects a finger down event, followed by a finger up (lift-off) event at the same position (or substantially the same position) as the finger down event (eg, icon position). Including doing. As another example, detection of a finger wipe gesture at the touch-sensitive surface may detect a finger down event followed by one or more finger dragging events and then detect a finger up (lift-off) event. including.

  The graphics module 132 includes various known software components for rendering and displaying graphics on the touch screen 112 or other display, including components for changing the brightness of the displayed graphics. As used herein, the term “graphic” includes any object that can be displayed to a user, such as text, web pages, icons (user interface objects including soft keys, etc.). ), Digital images, videos, animations, and the like.

  In some embodiments, the graphics module 132 stores data representing the graphics used. Each graphic may be assigned a corresponding code. The graphic module 132 receives one or more codes that specify the graphic to be displayed, along with coordinate data and other graphic property data as needed, such as from an application, and then outputs it to the display controller 156. Generate screen image data.

  Text input module 134 may be a component of graphics module 132 and may be a variety of applications (eg, contacts 137, email 140, IM 141, browser 147, and any other application that requires text input). ) To provide a soft keyboard for entering text.

  The GPS module 135 determines the location of the device and provides this information for use in various applications (eg, camera as picture / video metadata to a phone 138 for use in location-based dialing calls). 143 and to applications that provide location-based services such as weather widgets, local yellow page widgets, and map / navigation widgets).

The application 136 may include the following modules (or set of instructions), or a subset or superset thereof:
● Contact module 137 (sometimes called an address book or contact list),
● Telephone module 138,
● Video conference module 139,
● Email client module 140,
Instant messaging (IM) module 141,
● Training support module 142,
A camera module 143 for still images and / or video images;
● Image management module 144,
● Video player module 145,
● Music player module 146,
● Browser module 147,
● Calendar module 148,
-Weather widget 149-1, stock price widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, other widgets acquired by the user, and user created widget 149-6 A widget module 149, which may include one or more of
A widget creation module 150 for creating a user created widget 149-6,
● Search module 151,
A video and music player module 152 integrating the video player module 145 and the music player module 146;
● Memo module 153,
A map module 154 and / or an online video module 155.

  Examples of other applications 136 that may be stored in the memory 102 include other word processing applications, other image editing applications, drawing applications, presentation applications, JAVA (registered trademark) compatible applications, encryption, digital copyrights Management, voice recognition, and voice replication.

  A contact module 137, along with the touch screen 112, display controller 156, contact module 130, graphics module 132, and text input module 134 (eg, in the application internal state 192 of the contact module 137 in the memory 102 or memory 370). Stored) address book or contact list, which can be used to add names to the address book, delete names from the address book, phone numbers, email addresses, Associate the actual address or other information with the name, associate the image with the name, sort and sort the name, initiate communication by phone 138, video conference 139, email 140, IM 141, etc. and To promote , Etc. to provide a phone number or e-mail address.

  Along with the 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 phone module 138 is a series corresponding to a phone number. When one or more phone numbers are entered, one or more phone numbers in the address book 137 are accessed, the phone numbers entered are corrected, each phone number is dialed, and the conversation is completed. It may be used to disconnect or hang up the phone. As described above, wireless communication may use any of a plurality of communication standards, communication protocols, and communication technologies.

  RF circuit 108, audio circuit mechanism 110, speaker 111, microphone 113, touch screen 112, display controller 156, light sensor 164, light sensor controller 158, contact module 130, graphic module 132, text input module 134, contact list 137, And in conjunction with the telephone module 138, the video conferencing module 139 provides executable instructions for initiating, conducting, and terminating a video conference between the user and one or more other participants according to the user's instructions. Including.

  In conjunction with the RF circuit 108, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, and the text input module 134, the email client module 140 creates an email in response to user instructions. , Including executable instructions for sending, receiving and managing. In conjunction with the image management module 144, the email client module 140 makes it very easy to create a still image or video taken by the camera module 143 and send an email.

  In conjunction with the RF circuit 108, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, and the text input module 134, the instant message module 141 inputs and inputs a sequence of characters corresponding to the instant message. Modify existing characters, send each instant message (eg, using the Short Message Service (SMS) or Multimedia Message Service (MMS) protocol for phone-based instant messaging, or Internet-based Instant message received (using XMPP, SIMPLE, or IMPS for instant messaging) It includes executable instructions for and displays the message. In some embodiments, instant messages that are sent and / or received are graphics, photos, audio files, video files, and the like, as supported by MMS and / or Enhanced Messaging Service (EMS). / Or other attachments may be included. As used herein, “instant messaging” refers to telephone-based messages (eg, messages sent using SMS or MMS) and Internet-based messages (eg, XMPP, SIMPLE, or IMPS). Sent message).

  In conjunction with the RF circuit 108, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, the text input module 134, the GPS module 135, the map module 154, and the music playback module 146, the training support module 142 Calibrate sensors used to create training (e.g., regarding time, distance, and / or calorie consumption goals), communicate with training sensors (sport devices), receive training sensor data, and monitor training Executable instructions for playing, selecting and playing music for training, and displaying, storing and transmitting training data.

  In conjunction with the touch screen 112, display controller 156, light sensor (s) 164, light sensor controller 158, contact module 130, graphics module 132, and image management module 144, the camera module 143 is a still image or video. Includes executable instructions to capture (including video streams) and store them in memory 102, change still image or video characteristics, or delete still images or videos from memory 102 .

  In conjunction with the 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 places and modifies still images and / or videos (eg, Editable), and otherwise executable, including executable instructions for labeling, deleting, presenting (eg, in a digital slide show or album), and storing.

  In conjunction with touch screen 112, display controller 156, contact module 130, graphics module 132, audio circuitry 110, and speaker 111, video player module 145 provides video (eg, on touch screen 112 or external port 124. Including executable instructions for displaying, presenting, or otherwise playing back (on an externally connected display).

  In conjunction with the 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 can be an MP3 or AAC file, etc. Including executable instructions that allow a user to download and play recorded music and other sound files stored in one or more file formats. In some embodiments, the device 100 may include MP3 player functionality, such as iPod (a trademark of Apple Inc.).

  In conjunction with the RF circuit 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, and text input module 134, the browser module 147 is linked to a web page or part thereof, and a web page. Includes executable instructions for browsing the Internet in accordance with user instructions including retrieving, linking, receiving and displaying attachments and other files.

  Along with the RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, email client module 140, and browser module 147, the calendar module 148 is associated with the calendar and calendar. Contains executable instructions for creating, displaying, modifying, and storing generated data (eg, calendar items, to-do lists, etc.) according to user instructions.

  In conjunction with the RF circuitry 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, and browser module 147, the widget module 149 may be downloaded and used by the user. Good mini-applications (eg, weather widget 149-1, stock price widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-5), or mini-applications that may be created by the user ( For example, a user created widget 149-6). In some embodiments, the widget includes an HTML (Hyper Text Markup Language) file, a CSS (Cascading Style Sheet) file, and a JavaScript file. In some embodiments, the widget includes an XML (Extensible Markup Language) file and a JavaScript® file (eg, a Yahoo! ® widget).

  In conjunction with the RF circuitry 108, the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132, the text input module 134, and the browser module 147, the widget creation module 150 creates a widget (eg, web May be used by the user to turn the user-specified portion of the page into a widget).

  In conjunction with the touch screen 112, display system controller 156, contact module 130, graphics module 132, and text input module 134, the search module 151 follows one or more search criteria (eg, one or more search criteria) according to user instructions. Executable instructions for searching text, music, sounds, images, videos, and / or other files in memory 102 that match a user-specified search term).

  Along with the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, and the text input module 134, the note module 153 is executable instructions for creating and managing notes, to-do lists, etc. according to user instructions. including.

  In conjunction with the RF circuit 108, touch screen 112, display system controller 156, contact module 130, graphics module 132, text input module 134, GPS module 135, and browser module 147, the map module 154 follows the user instructions and maps And data associated with the map (e.g., driving directions, specific location or nearby store and other attractions data, and other location-based data) used to receive, display, modify, and store be able to.

  Online in connection with touch screen 112, display system controller 156, contact module 130, graphics module 132, audio circuitry 110, speaker 111, RF circuit 108, text input module 134, email client module 140, and browser module 147 The video module 155 allows the user to download the H.264 video. Access, browse, receive (e.g., by streaming and / or download) and play (e.g., connected on a touch screen or via external port 124) online video in one or more file formats such as H.264 Including instructions to send an email containing a link to a specific online video (on an external display) and allow it to be managed differently. In some embodiments, the instant message module 141, rather than the email client module 140, is used to send a link to a particular online video. US Provisional Patent Application No. 60 / 936,562, filed June 20, 2007, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos”, filed December 31, 2007 Additional descriptions of online video applications can be found in US patent application Ser. No. 11 / 968,067, “Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos”. The contents of these applications are hereby incorporated by reference in their entirety.

  Each of the modules and applications identified above is an executable instruction set for performing one or more of the above functions and methods described in this application (eg, computer-implemented methods and specifications). To other information processing methods described in (1). These modules (ie, instruction sets) need not be implemented as separate software programs, procedures, or modules, and thus, in various embodiments, various subsets of these modules can be combined or otherwise You may rearrange by the method. For example, video player module 145 may be combined with music player module 146 into a single module (eg, video and music player module 152, FIG. 1B). In some embodiments, the memory 102 may store a subset of the modules and data structures identified above. In addition, the memory 102 can store additional modules and data structures not described above.

  In some embodiments, the device 100 is a device in which operation of a predetermined set of functions on the device is performed exclusively via a touch screen and / or touch pad. The number of physical input control devices (such as push buttons, dials, and the like) on device 100 by using a touch screen and / or touchpad as the primary input control device for operation of device 100. Can be reduced.

  A default set of functions that can be performed exclusively via a touch screen and / or touch pad includes navigation between user interfaces. In some embodiments, the touchpad navigates the device 100 from any user interface that can be displayed on the device 100 to the main, home, or root menu when touched by the user. In such embodiments, the touchpad may be referred to as a “menu button”. In some other embodiments, the menu button may be a physical push button or other physical input control device instead of a touchpad.

  FIG. 1C is a block diagram illustrating exemplary components for event processing, according to some embodiments. In some embodiments, memory 102 (in FIGS. 1A and 1B) or 370 (in FIG. 3) includes event sorter 170 (e.g., in operating system 126) and respective application 136-1 (e.g., applications 137- 151, 155, and 380-390).

  The event sorter 170 receives the event information and determines the application 136-1 and the application view 191 of the application 136-1 that distributes the event information. The event sorter 170 includes an event monitor 171 and an event dispatcher module 174. In some embodiments, the application 136-1 displays an application internal state 192 that indicates the current application view (s) displayed above on the touch-sensitive display 112 when the application is active or running. Including. In some embodiments, device / global internal state 157 is used by event sorter 170 to determine which application is currently active, and application internal state 192 is where event information is delivered. Used by event sorter 170 to determine application view 191.

  In some embodiments, the application internal state 192 may include additional information, for example, resume information used when the application 136-1 resumes execution, displayed by the application 136-1, or ready for display. User interface state information indicating what information is being received, a queue of states to allow the user to return to a previous state or view of application 136-1, and waiting for undo / undo of actions previously taken by the user Contains one or more of the matrices.

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

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

  In some embodiments, the event sorter 170 further includes a hit view determination module 172 and / or an active event recognizer determination module 173.

  The hit view determination module 172 provides a software procedure for determining where in the one or more views a sub-event has occurred when the touch-sensitive display 112 displays the one or more views. A view consists of controls and other elements that a user can see on a display.

  Another aspect of a user interface associated with an application is a set of views, sometimes referred to herein as application views or user interface windows, where information is displayed and touch-based gestures occur. The application view (for each application) where a touch is detected may correspond to the program level of the application or the program level within the view hierarchy. For example, the lowest level view in which a touch is detected may be referred to as a hit view, and the set of events recognized as appropriate input is at least in part for the first touch that initiates a touch-based gesture. The determination may be made based on the hit view.

  The hit view determination module 172 receives information related to touch-based gesture sub-events. If the application has multiple views organized as a hierarchy, hit view determination module 172 identifies the hit view as the lowest view in the hierarchy in which the sub-event should be processed. In most situations, the hit view is the lowest level view in which the first sub-event occurs (ie, the first sub-event in the sequence of sub-events that form the event or potential event). When a hit view is identified by the hit view determination module, the hit view typically receives all sub-events associated with the same touch or input source that it has identified as a hit view.

  The active event recognizer determination module 173 determines which view (s) in the view hierarchy should receive a particular sequence of sub-events. In some embodiments, the active event recognizer determination module 173 determines that only hit views should receive a specific sequence of sub-events. In other embodiments, the active event recognizer determination module 173 determines that all views including the physical location of the sub-event are active-related views, and therefore all active-related views. Determines that it should receive a specific sequence of sub-events. In other embodiments, even if the touch sub-event is completely limited to the area associated with a particular view, the upper view of the hierarchy will remain the view that is actively involved.

  The event dispatcher module 174 transmits the event information to the event recognition unit (for example, the event identification unit 180). In the embodiment including the active event identification unit determination module 173, the event dispatcher module 174 distributes the event information to the event recognition unit determined by the active event recognition unit determination module 173. In some embodiments, event dispatcher module 174 stores event information obtained by respective event receiver module 182 in an event queue.

  In some embodiments, operating system 126 includes event sorter 170. Alternatively, the application 136-1 includes the event sorter 170. In yet other embodiments, event sorter 170 is a stand-alone module or part of another module stored in memory 102 such as contact / motion module 130.

  In some embodiments, application 136-1 includes a plurality of event handlers 190 and one or more application views, each including instructions for handling touch events that occur within each view of the application's user interface. 191. Each application view 191 of the application 136-1 includes one or more event recognition units 180. Each application view 191 typically includes a plurality of event recognizers 180. In other embodiments, one or more of the event recognizers 180 may be part of a separate module, such as a user interface kit (not shown) or higher level objects that the application 136-1 inherits methods and other properties. It is. In some embodiments, each event handler 190 includes one or more of data updater 176, object updater 177, GUI updater 178, and / or event data 179 received from event sorter 170. Event handler 190 may utilize or call data updater 176, object updater 177, or GUI updater 178 to update application internal state 192. Alternatively, one or more of the application views 191 include one or more respective event handlers 190. Also, in some embodiments, one or more of data updater 176, object updater 177, and GUI updater 178 are included in each application view 191.

  Each event recognition unit 180 receives event information (for example, event data 179) from the event sorter 170, and identifies an event from the event information. The event recognition unit 180 includes an event receiver 182 and an event comparator 184. In some embodiments, event recognizer 180 further includes at least a subset of metadata 183 and event delivery instructions 188 (which may include sub-event delivery instructions).

  The event receiver 182 receives event information from the event sorter 170. The event information includes, for example, sub-event information such as touch or touch movement. For some sub-events, the event information further includes additional information such as the location of the sub-event. If the sub-event involves touch movement, the event information may further include the speed and direction of the sub-event. In some embodiments, the event includes rotation of the device from one direction to another (eg, portrait orientation to landscape orientation or vice versa), and the event information includes the current orientation of the device Contains corresponding information about (also called device attitude).

  The event comparator 184 compares the event information with a predetermined event or sub-event definition, and determines the event or sub-event, or determines or updates the state of the event or sub-event by the comparison. In some embodiments, event comparator 184 includes event definition 186. The event definition 186 contains event definitions (eg, a predefined sequence of sub-events), such as event 1 (187-1), event 2 (187-2), and others. In some embodiments, the sub-events in event 187 include, for example, touch initiation, touch termination, touch movement, touch cessation, and multiple touches. In one embodiment, the definition of event 1 (187-1) is a double tap on the displayed object. The double tap is, for example, a first touch (start of touch) for a predetermined stage on the displayed object, a first lift-off (end of touch) for a predetermined stage, and a predetermined stage on the displayed object. Second touch (touch start) and a second lift-off (touch end) for a predetermined stage. In another embodiment, the definition of event 2 (187-2) is dragging on the displayed object. Dragging includes, for example, touch (or touch) for a predetermined stage on the displayed object, touch movement across the touch-sensitive display 112, and touch lift-off (touch end). In some embodiments, the event also includes information about one or more associated event handlers 190.

  In some embodiments, event definition 187 includes an event definition for each user interface object. In some embodiments, the event comparator 184 performs a hit test that determines a user interface object associated with the sub-event. For example, in an application view where three user interface objects are displayed on the touch sensitive display 112, when a touch is detected on the touch sensitive display 112, the event comparator 184 determines which of the three user interface objects are touched. A hit test is performed to determine whether it is associated with (sub event). If each displayed object is associated with a respective event handler 190, the event comparator uses the hit test results to determine which event handler 190 needs to be activated. For example, the event comparator 184 selects the event handler associated with the object that triggers the sub-event and hit test.

  In some embodiments, the definition for each event 187 also includes a delay action that delays the delivery of event information until it is determined whether the sequence of sub-events corresponds to the event type of the event recognizer. .

  If each event identification unit 180 determines that the series of sub-events does not match any of the events in the event definition 186, each event identification unit 180 enters an event impossible, event failure, or event end state. And then ignore the next sub-event of the touch-based gesture. In this situation, other event recognizers that remain active for the hit view, if any, continue to track and process sub-events of the ongoing touch-based gesture.

  In some embodiments, each event recognizer 180 indicates configurable properties, flags, and / or how the event delivery system performs sub-event delivery to the event recognizer that is actively involved. Includes metadata 183 with a list. In some embodiments, the metadata 183 includes a list that indicates how configurable properties, flags, and / or event recognizers can interact with each other. In some embodiments, the metadata 183 includes a list that indicates whether configurable properties, flags, and / or sub-events are delivered to various levels within the view hierarchy or program hierarchy.

  In some embodiments, each event recognizer 180 activates an event handler 190 associated with the event when one or more specific sub-events of the event are recognized. In some embodiments, each event recognizer 180 distributes event information associated with the event to the event handler 190. A distinction is made between activating the event handler 190 and sending a sub-event to each hit view (and deferring sending). In some embodiments, the event identifier 180 throws a flag associated with the recognized event, and the event handler 190 associated with the flag catches the flag and performs a default process.

  In some embodiments, event delivery instructions 188 include sub-event delivery instructions that deliver event information about sub-events without activating the event handler. Instead, the sub-event delivery instructions deliver the event information to the event handlers associated with the series of sub-events or the view that is actively involved. Event handlers associated with a series of sub-events or views that are actively involved receive event information and perform predetermined processing.

  In some embodiments, data updater 176 creates and updates data used by application 136-1. For example, the data updater 176 updates the telephone number used by the contact module 137 or stores the video file used by the video player module 145. In some embodiments, the object updater 177 creates and updates objects used by the application 136-1. For example, the object updater 176 creates a new user interface object or updates the position of the user interface object. The GUI updater 178 updates the GUI. For example, the GUI updater 178 sends display information to the graphics module 132 to prepare display information and display it on the touch sensitive display.

  In some embodiments, event handler 190 includes or has access to data updater 176, object updater 177, and GUI updater 178. In some embodiments, data updater 176, object updater 177, and GUI updater 178 are included in one module of each application 136-1 or application view 191. In other embodiments, they are included in more than one software module.

  It should be understood that the above discussion regarding event handling of user touches on a touch-sensitive display also applies to other forms of user input that operate the multifunction device 100 with an input device, all of which are touch screens. For example, pen stylus input such as mouse movement and mouse button press, keyboard single or multiple press, hold, user movement tap on touchpad, drag, scroll, etc. Sub-events that define the event in which they are recognized and integrated with or without combination with device movement, verbal indications, detected eye movement, biometric input, and / or any combination thereof May be used as an input corresponding to.

  FIG. 2 is a diagram illustrating a portable multifunction device 100 having a touch screen 112, according to some embodiments. The touch screen may display one or more graphics within a user interface (UI) 200. In this embodiment, as well as other embodiments described below, the user may, for example, have one or more fingers 202 (not drawn to scale in the figure) or one or more stylus 203 (not shown in the figure). One or more of the graphics may be selected by making contact using or touching the graphic (not drawn to scale). In some embodiments, the selection of one or more graphics occurs when the user loses contact with the one or more graphics. In some embodiments, the contact may be one or more taps, one or more swipes (from left to right, from right to left, upward and / or downward), and / or with device 100 It may include gestures such as rolling a touched finger (from right to left, from left to right, upward and / or downward). In some embodiments, unintentional contact with the graphic may not select the graphic. For example, when the gesture corresponding to the selection is a tap, the swipe gesture for swiping over the application icon may not select the corresponding application.

  Device 100 may also include one or more physical buttons, such as “Home” or menu button 204. As previously described, the menu button 204 may be used for navigation to any application 136 within a set of applications that can be executed on the device 100. Alternatively, in some embodiments, menu buttons are implemented as soft keys in a GUI displayed on touch screen 112.

  In some embodiments, the device 100 includes a touch screen 112, a menu button 204, a push button 206 for turning the device on and off to lock the device, a volume control button (s) 208, a recipient Includes an identification module (SIM) card slot 210, a headset jack 212, and an external port 124 for docking / charging. The push button 206 keeps the button pressed and kept pressed for a predetermined time interval, thereby turning on / off the power on the device and pressing the button to release the button before the predetermined time interval elapses. It can be used to lock a device and / or initiate a device unlock or unlock process. In alternative embodiments, the device 100 may also accept oral input through the microphone 113 to activate or deactivate some functions.

  FIG. 3 is a block diagram of an exemplary multifunction device with a display and a touch-sensitive surface, according to some embodiments. Device 300 may not be portable. In some embodiments, the device 300 is a laptop computer, desktop computer, tablet computer, multimedia playback device, navigation device, educational device (such as a children's learning toy), gaming system, or control device (eg, home use). Or an industrial controller). The device 300 typically has one or more processing units (CPUs) 310, one or more networks or other communication interfaces 360, memory 370, and one or more for interconnecting these components. A communication bus 320 is included. The communication bus 320 may include circuitry (sometimes referred to as a chipset) that interconnects and controls communication between system components. The device 300 includes an input / output (I / O) interface 330 with a display 340, which is typically a touch screen display. The I / O interface 330 may further include a keyboard and / or mouse (or other pointing device) 350 and a touch pad 355. Memory 370 includes high-speed random access memory such as DRAM, SRAM, DDR RAM, or other random access semiconductor memory devices, and also includes one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or others. A nonvolatile memory such as a nonvolatile semiconductor memory device may be included. The memory 370 may include one or more storage devices located remotely from the CPU (s) 310, if desired. In some embodiments, the memory 370 stores programs, modules, and data structures, programs, modules, and data structures, or a subset thereof, stored in the memory 102 of the portable multifunction device 100 (FIG. 1). . Further, the memory 370 may store additional programs, modules, and data structures that are not present in the memory 102 of the portable multifunction device 100. For example, the memory 370 of the device 300 may store a drawing module 380, a presentation module 382, a word processing module 384, a website creation module 386, a disk authoring module 388, and / or a spreadsheet module 390, but may be portable The memory 102 of the functional device 100 (FIG. 1) may not store these modules.

  Each of the above identified elements of FIG. 3 may be stored in one or more of the memory devices described above. Each module identified above corresponds to an instruction set for performing the functions described above. The modules or programs identified above (ie, the instruction set) need not be implemented as separate software programs, procedures, or modules, and thus combine various subsets of these modules in various embodiments. Or may be rearranged in another way. In some embodiments, the memory 370 may store a subset of the modules and data structures identified above. Further, the memory 370 may store additional modules and data structures not described above.

  Attention is directed to embodiments of a user interface (“UI”) that can be implemented on the portable multifunction device 100.

4A and 4B illustrate an exemplary user interface for a menu of applications on the portable multifunction device 100, according to some embodiments. A similar user interface may be implemented on device 300. At 400A in some embodiments, the user interface includes the following elements, or a subset or superset thereof:
A signal strength indicator 402 for wireless communications such as cellular signals and Wi-Fi signals,
● Time 404,
● Bluetooth (registered trademark) indicator 405,
Battery status indicator 406,
A tray 408 with icons for frequently used applications such as:
O Telephone 138, which may include an indicator 414 indicating the number of missed calls or voicemail messages
An email client 140, which may include an indicator 410 indicating the number of unread emails;
○ Browser 147,
○ Music player 146, and ● Icons for other applications, such as:
○ IM 141,
○ Image management 144,
○ Camera 143,
○ Video player 145,
○ Weather 149-1,
○ Stock Price 149-2,
○ Training support 142,
○ Calendar 148,
○ Computer 149-3,
○ Alarm clock 149-4,
O Dictionary 149-5, and o User created widget 149-6.

In 400B, in some embodiments, the user interface includes the following elements, or a subset or superset thereof:
As described above, 402, 404, 405, 406, 141, 148, 144, 143, 149-3, 149-2, 149-1, 149-4, 410, 414, 138, 140, and 147,
● Map 154,
● Note 153,
A setting 412 that provides access to settings for the device 100 and its various applications 136, as further described below.
A video and music player module 152, also referred to as iPod (Apple Inc.) module 152, and
Online video module 155, also referred to as YouTube (Trademark of Google Inc.) module 155.

  FIG. 4C illustrates an example on a device (eg, device 300 of FIG. 3) with a touch-sensitive surface 451 (eg, tablet or touchpad 355 of FIG. 3) separate from display 450 (eg, touch screen display 112). A typical user interface is shown. Many of the following examples are described with reference to input on a touch screen display 112 (which combines a touch-sensitive surface and a display), but in some embodiments, the device is shown in FIG. As shown, input on a touch-sensitive surface separate from the display is detected. In some embodiments, the touch-sensitive surface (eg, 451 in FIG. 4C) has a major axis (eg, 452 in FIG. 4C) corresponding to a major axis (eg, 453 in FIG. 4C) on the display (eg, 450). Have. According to these embodiments, the device interacts with the touch-sensitive surface 451 at a position corresponding to a respective position on the display (eg, in FIG. 4C, 460 corresponds to 468 and 462 corresponds to 470). Touch (eg, 460 and 462 in FIG. 4C) is detected. Thus, when the touch-sensitive surface is separate from the display, user inputs (eg, contacts 460 and 462 and their movements) detected by the device on the touch-sensitive surface (eg, 451 in FIG. 4C). ) Is used by the device to manipulate the user interface on the display of the multifunction device (eg, 450 in FIG. 4C). It should be understood that similar methods can be used for other user interfaces described herein.

  Further, although the following description is primarily described with reference to finger input (eg, finger contact, finger tap gesture, finger swipe gesture), in some embodiments, the finger input It should be understood that one or more of these can be replaced with input from another input device (eg, mouse-based input or stylus input). For example, a swipe gesture may be replaced with a mouse click (eg, instead of touch) and then a cursor movement may be made along the path of the swipe (eg, instead of touch movement). . As another example, the tap gesture may be replaced with a mouse click while the cursor is positioned over the position of the tap gesture (eg, instead of stopping detection of contact following detection of contact). Similarly, if multiple user inputs are detected simultaneously, it should be understood that multiple computer mice may be used simultaneously, or mouse and finger contact may be used simultaneously.

  Attention is now directed to embodiments of user interfaces (“UI”) and associated processes that can be implemented on a multifunction device with a display and touch-sensitive surface, such as device 300 or portable multifunction device 100.

  5A-5LLLL illustrate an exemplary user interface for creating and managing folders that include one or more of selectable user interface objects, according to some embodiments. The user interfaces in these figures are: FIGS. 6A-6E, 7A-7C, 8A-8C, 9A-9B, 10A-10B, 11A-11C, 12A-12E, And used to illustrate the processes described below, including the processes in FIGS. 13A-13E.

  Next, a multi-function device (eg, in FIGS. 5A-5N, 5P-5LLLL) with a touch screen (eg, 112 in FIGS. 5A-5N, 112-5P-5LLLL) display (eg, touchscreen 112) Note FIG. 5A, which shows 100). In some embodiments, as described in more detail above, the multifunction device 100 includes a speaker (eg, 111 in FIGS. 5A-5N, 5P-5LLLL), a microphone (eg, FIGS. 5N, 113 in FIGS. 5P-5LLLL, one or more optical sensors (eg, FIGS. 5A-5N, 164 in FIGS. 5P-5LLLL), proximity sensors (eg, FIGS. 5A-5N, 5P-5). 166) in FIG. 5LLLL) Also includes one or more accelerometers (eg, FIGS. 5A-5N, 168 in FIGS. 5P-5LLLL).

  In some embodiments, the multi-function device 100 may include signal strength indicator (s) (eg, FIGS. 5A-5N) for wireless communication (s), such as cellular and Wi-Fi signals. 5P to 402 in FIG. 5LLLL), time indicator (eg, FIG. 5A to FIG. 5N, 404 in FIG. 5P to FIG. 5LLLL), Bluetooth indicator (eg, FIG. 5A to FIG. 5N, FIG. 5P to FIG. LLLL, 405), battery status A plurality of notification icons such as an indicator (for example, 406 in FIGS. 5A to 5N and FIGS. 5P to 5LLLL) are displayed. According to some embodiments, the multi-function device also displays a plurality of selectable user interface objects (eg, application icon 5002 and folder icon 5004 in FIGS. 5A-5LLLL). In some embodiments, one or more of the selectable user interface objects are displayed in a tray (eg, 5006 in FIGS. 5A-5N, 5P-5LLLL), sometimes also referred to as a dock. . In some embodiments, selectable user interface objects (eg, application icons and / or folder icons) outside the tray are part of multiple sets / pages of selectable user interface objects. In this case, each set / page of selectable user interface objects includes a plurality of different selectable user interface objects. However, in some embodiments, the tray 5006 does not change when the multifunction device switches from the first selectable user interface object set / page to the second selectable user interface object set / page. .

  Attention is now directed to FIG. 5A, which includes a plurality of selectable user interface objects, including a plurality of action icons 5002 and a plurality of folder icons 5004. For example, in FIG. 5A, the action icon 5002 includes a plurality of application icons (for example, a photo application icon 5002-1, a clock application icon 5002-2, a browser application icon 5002-3, and a solitaire application for activating each application. Icon 5002-4, weather application icon 5002-5, memo application icon 5002-6, text application icon 5002-7, map application icon 5002-8, stock price application icon 5002-9, camera application icon 5002-12, racing application icon 5002-13, Email application icon 500 -14, a telephone application icon 5002-15, and an iPod application icon 5002-16), a web browser is launched, a bookmark icon 5002-10 for displaying a bookmarked web page, and a document icon 5002-11 A document icon 5002-11 for activating a document viewing / editing application to display the displayed document.

  The folder icons in FIG. 5A (eg, 5004-1-a and 5004-2 in FIG. 5A) are icons that can be activated to display a folder view. In some embodiments, each folder icon 5004 includes a plurality of reduced representations of selectable object indicators associated with the folder (eg, reduced representations “x1”, “x2”, “x” for folder icons 5004-1). x3 "," x4 "," x5 ", and" x6 ", and reduced representations" z1 "," z2 "," z3 "," z4 "," z5 ", and" z6 "for folder icon 5004-2 ")including. It should be understood that according to some embodiments, displaying the folder view includes displaying an area that includes a plurality of selectable user interface icons (eg, action icons 5002). In FIG. 5A, the device is in a normal operating mode. In other words, selecting one of the action icons will activate the application (eg, launching an application that is not currently running on the device, or a view of the application that is currently running on the device). Is displayed). In some embodiments, the device detects a request to enter user interface reconfiguration mode. For example, in FIG. 5A, the device detects contact 5008 with solitaire application icon 5002-4 for longer than a predetermined period (eg, 2 seconds), and in response, the device is shown in FIG. 5B. Thus, the user interface reconfiguration mode is entered.

  In FIG. 5B, the device has entered user interface reconfiguration mode. In some embodiments, selectable user interface objects (eg, 5002 and 5004) display a visual indication that the device is in user interface reconfiguration mode. For example, as shown in FIG. 5B, selectable user interface objects swing as if they were floating on water (eg, each individual selectable user interface object is on the display). Vibrate around the individual average positions of selectable user interface objects). In addition, in some embodiments, while in user interface reconfiguration mode, at least some of the selectable user interface objects are associated with an object erase badge (eg, 5010 in FIG. 5B). When the device detects activation of the object erase badge (eg, tap gesture 5011 in FIG. 5B), the selectable user interface object (eg, weather application icon 5002-5 in FIG. 5B) associated with the object erase badge is Deleted (eg, deleted) from the user interface.

  In addition, in some embodiments, one or more of the folder icons change appearance when the device enters user interface reconfiguration mode. For example, in FIG. 5A, when the device is in normal operating mode, the folder icon 5004-1-a is a first plurality of reduced size representations of selectable user interface objects (eg, the folder icon in FIG. 5A). 500x-1-a with “x1”, “x2”, “x3”, “x4”, “x5”, “x6”), whereas in FIG. After entering composition mode, a second plurality of reduced size representations (eg, “x4”, “x5”, “x6”, and “x7”) of selectable user interface objects are displayed as folder icons (eg, It is displayed in the folder icon 5004-1-b) in FIG. 5B. In addition, in some embodiments, one or more of the folder icons (e.g., 5004-1-b in FIG. 5B) are displayed by applications associated with one of the selectable user interface objects in the folder. It includes a notification badge 5012 that indicates that it has a notification. In some embodiments, one of the reduced representations (eg, “x7” in folder icon 5004-1-b) is its own notification indicating that the application associated with the reduced representation has a notification. It has a badge 5014. Typically, the notification is an indication that the application needs the attention of the user of the device (eg, because a new message has arrived or a new event has occurred, an update is available, etc.) .

  Attention is now directed to FIGS. 5B-5F, which illustrate exemplary user interfaces for creating new folders, according to some embodiments. In FIG. 5B, the device detects a request to move each selectable user interface object to the edge of the screen. In this example, the request is for a contact 5016-a on the touch-sensitive surface (eg, touch screen 112) at the location corresponding to the “racing” action icon 5002-13, and to the edge of the touch-sensitive surface (eg, FIG. Subsequent movement 5018 of contact (to contact location 5016-b on touch screen 112) as shown in 5C. In FIG. 5C, the action icon 5002-13 is moved to the edge of the display (eg, touch screen 112) and maintained at the edge of the display for longer than a predetermined time threshold (eg, 1 second). In response to detecting action icon 5002-13 at the edge of the display (eg, touch screen 112) for longer than a predetermined time threshold, the device is selectable (eg, as shown in FIG. 5D). Navigate to the next set / page of active user interface objects.

  In some embodiments, the device maintains multiple pages of selectable user interface objects while the device is in normal operating mode. In some of these embodiments, when the device enters user interface reconfiguration mode, the device creates an additional page that includes a new empty folder. For example, on the page displayed in FIG. 5D, there is no action icon 5002 and no contents folder, so the device is for an empty folder (eg, a folder that does not contain selectable user interface objects). A folder icon 5004-3 is displayed. In some embodiments, a folder icon for an empty folder (eg, 5004-3) is a folder for a content folder (eg, a folder that includes one or more selectable user interface objects). It has a different appearance from the icon.

  In FIG. 5D, the device detects a request to move selectable user interface object 5002-13 to folder icon 5004-3 for an empty folder. In the example shown in FIG. 5D, the request is from a contact location 5016-b near the edge of the display (eg, touch screen 112) to a contact location proximate to the folder icon 5004-3 for the new empty folder. Including movement 5020 of contact 5016 to (eg, 5016-c in FIG. 5E). In response to a request to move the selectable user interface object, the device places the selectable user interface object in a location (eg, 5002- in FIG. 5D) near the edge of the display (eg, touch screen 112). 13) move to a location close to or overlapping the folder icon 5004-3 for the new empty folder or the activation area for the folder icon 5004-3.

  In some embodiments, the device may select the selectable user interface object 5002 while the selectable user interface object 5002-13 is close to or overlaps the folder icon 5004-3 for an empty folder. Detect the end of input used to request movement of -13 (eg, lift off contact 5016-c from touch screen 112). In response to detecting a lift-off of contact from the touch sensitive surface (eg, touch screen 112), the device may select a selectable user interface object 5002-13 as shown in FIG. Add to the folder associated with 5004-3. In some embodiments, when the device adds a selectable user interface object to the folder associated with the folder icon 5004-3, the device changes the appearance of the folder icon. For example, in FIG. 5F, folder icon 5004-3 displays a reduced representation of selectable user interface object 5002-13 added to the folder associated with folder icon 5004-3.

  In some embodiments, the device always displays an empty folder while in user interface reconfiguration mode. For example, in FIG. 5F, a previously empty folder (eg, folder icon 5004 (eg, after a selectable user interface object 5002-13 has been added to the folder, as shown in FIGS. 5C-5E)). 3), the device creates a subsequent new empty folder and displays the folder icon (eg, 5004-4 in FIG. 5F) associated with the subsequent new empty folder. Display on a display (eg, touch screen 112). Thus, a new empty folder can be created by the user simply by putting the contents into a previously empty folder. In some embodiments, when the device returns to normal operating mode, any folder icons (eg, folder icon 5004-4) associated with an empty folder are not displayed by the device. For example, in FIG. 5F, the device detects a request to return to normal operating mode (eg, press input 5022 on home button 204 in FIG. 5F). In response to a request to return to normal operating mode, the device returns to normal operating mode and displays an empty folder (eg, 5004-4 in FIG. 5F) as shown in FIG. 5G (eg, touch screen). 112) Stop displaying on top.

  Attention is now directed to FIGS. 5H-5L, which illustrate exemplary user interfaces for creating new folders, according to some embodiments. In some embodiments, the device enters a user interface reconfiguration mode (eg, as described in more detail above with reference to FIG. 5A). In some embodiments, a new folder creation element (eg, new folder creation area 5024 in FIG. 5H) is displayed on the display (eg, touch screen 112) when the device enters user interface reconfiguration mode. In some embodiments, selectable users on a display (eg, touch screen 112) to make room for new folder creation element (s) when the device enters user interface reconfiguration mode. The interface icons are brought closer together (eg, the amount of empty space between selectable user interface objects decreases along at least one axis, such as the vertical axis). In some embodiments, the device detects a request to add a new folder (eg, a tap gesture 5026 at a location on the touch screen 112 corresponding to the new folder creation area 5024). In response to a request to create a new folder, the device creates a new folder and displays a folder icon (eg, 5004-5 in FIG. 5I) on a display (eg, touch screen 112). In some embodiments, a folder icon for a new folder (eg, 5004-5 in FIG. 5I) is displayed at the first available location above in a default array of selectable user interface objects. The

  In some embodiments, the new folder creation element is represented as an area (eg, area 5028 in FIG. 5I) that includes a folder creation icon (eg, 5030 in FIG. 5I) that is visually similar to the new folder icon. The In some embodiments, the device detects a request to create a new folder. For example, as shown in FIG. 5I, the device may include a contact 5032 on the touch-sensitive surface (eg, touch screen 112) at a location corresponding to the location of the folder creation icon 5030 on the display (eg, touch screen 112), and A subsequent movement 5034 of contact outside the folder creation area is detected. In some embodiments, the device displays an animation of the folder moving out of the folder creation element according to contact movement 5034. In other words, it looks as if a new folder icon (for example, 5004-6 in FIG. 5J) has been dragged out of the folder creation area 5028. In response to detecting a request to create a new folder, the device creates a new folder and associates the new folder with the folder icon 5004-6 dragged out of the folder creation area.

  In some embodiments, the device receives a request to add one or more of the selectable user interface objects (eg, action icon 5002-6) into one of the new folders. For example, in FIG. 5J, the device detects contact 5035 with action icon 5002-6 and subsequent movement 5036 of contact with one of the new folders 5004-5. In some embodiments, in response to a request to add a selectable user interface object to a new folder, the device adds the selectable user interface object to the folder and removes the selectable user interface object from the display. to erase. In some embodiments, after adding a selectable user interface object to a folder, the device changes a folder icon associated with the folder to which the selectable user interface object is added. For example, in FIG. 5K, the device adds the action icon 5002-6 to the folder associated with the folder icon 5004-5, which is a reduced representation of the action icon 5002-6 added to the folder ( For example, the folder icon 5004-5 has been updated to display “N”).

  In some embodiments, when the device returns to normal operating mode, any folder icons (eg, folder icon 5004-6) associated with the empty folder are no longer displayed by the device. For example, in FIG. 5K, the device detects a request to return to normal operating mode (eg, press input 5038 on home button 204 in FIG. 5K). In response to a request to return to normal operating mode, the device returns to normal operating mode and displays an empty folder (eg, 5004-6 in FIG. 5K) as shown in FIG. 5L (eg, touch screen). 112) Stop displaying on top. However, it should be understood that according to some embodiments, any folder icon that represents a folder to which one or more selectable user interface objects have been added will continue to be displayed. For example, in FIG. 5L, folder 5004-5 continues to be displayed after the device returns to normal operating mode. In addition, in some embodiments, selectable user interface objects are rearranged to close any gaps in the array when the device returns to normal operating mode. For example, in FIG. 5K, the selectable user interface objects are in a first array with a gap where the note application icon 5004-6 was located (eg, as shown in FIG. 5J). In contrast, in FIG. 5L, selectable user interface objects have been rearranged to close the gap.

  Attention is now directed to FIGS. 5M-5O, which illustrate exemplary user interfaces for creating new folders, according to some embodiments. In some embodiments, the device moves to one of the selectable user interface objects to another of the selectable user interface objects while in the user interface reconfiguration mode. The corresponding folder creation request is received. For example, in FIG. 5M, the device is on a touch-sensitive surface (eg, touch screen 112) corresponding to the location of a first action icon (eg, solitaire application icon 5002-4) on a display (eg, touch screen 112). Detected at a location (eg, 5040-a) and corresponds to the movement of the first action icon 5002-4 over the second action icon 5002-13 as shown in FIG. 5N (eg, Subsequent movement of contact on the touch screen 112 (from the first location 5040-a in FIG. 5M to the second location 5040-b in FIG. 5N) is detected. In some embodiments, the device displays an indication that the folder is about to be created (eg, by highlighting the second action icon 5002-13 as shown in FIG. 5N). In some embodiments, after detecting the end of input (eg, after detecting lift off of contact 5040-b), the device creates a folder that includes a first action icon and a second action icon. In some embodiments, the device accepts predetermined folder creation criteria (eg, while the first action icon 5002-4 is adjacent to or above the second action icon 5002-13). After detecting that the contact is suspended for longer than the period, a folder including the first action icon and the second action icon is created.

  In some embodiments, along with creating the folder, the device displays a new folder icon associated with the folder. In some embodiments, the new folder icon includes a reduced representation of the user interface object added to the folder. In some embodiments, the folder is for a first selectable user interface object (eg, action icon 5002-4) and / or a second selectable user interface object (eg, action icon 5002-13). Named based on descriptor. For example, FIG. 5O shows a folder in which a device that has received an input including a request includes a first action icon (eg, a solitaire application icon 5002-4) and a second action icon (eg, a racing application icon 5002-13). Shows how to create This input may include a contact 5044 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of the first action icon 5002-4 on the display (eg, touch screen 112), and a second action icon. Subsequent movement 5046 of contact 5044 to a location close to (or above) 5002-13. In response to this input, the device creates a new folder and displays reduced representations (eg, “O” and “R”, respectively) of the first selectable user interface object and the second selectable user interface object. Display a “game” folder icon 5004-7 for the new folder that contains it. As another example, FIG. 5O illustrates that the device that received the input that includes the request may have a first action icon (eg, a car racing application icon 5002-17) and a second action icon (eg, an air racing application icon 5002- 18 shows how a folder including 18) is created. This input includes a contact 5048 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of the first action icon 5002-17 on the display (eg, touch screen 112), and a second action icon. Including subsequent movement 5050 of contact 5048 to a location close to (or above) 5002-18. In response to this input, the device creates a new folder and displays a reduced representation of the first selectable user interface object and the second selectable user interface object (eg, “r1” and “r2”, respectively). Display a "Racing Game" folder icon 5004-8 for the new folder that contains it. As another example, FIG. 5O also illustrates that the device that received the input including the request may have a first action icon (eg, email application icon 5002-14) and a second action icon (eg, phone application icon 5002- It also shows how to create a folder containing 15). This input may include a contact 5052 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of the first action icon 5002-14 on the display (eg, touch screen 112), and a second action icon. Including subsequent movement 5054 of contact 5052 to a location close to (or above) 5002-15. In response to this input, the device creates a new folder and displays reduced representations (eg, “E” and “P”, respectively) of the first selectable user interface object and the second selectable user interface object. Display a "Communications" folder icon 5004-9 for the new folder that contains it.

  As another example, FIG. 5O also illustrates that the device that received the input including the request may have a first action icon (eg, camera application icon 5002-12) and a second action icon (eg, stock price application icon 5002-9). ) Is also shown. This input may include a contact 5056 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of the first action icon 5002-12 on the display (eg, touch screen 112), and a second action icon. Including subsequent movement 5058 of contact 5056 to a location close to (or above) 5002-9. In response to this input, the device creates a new folder and displays reduced representations (eg, “C” and “S”, respectively) of the first selectable user interface object and the second selectable user interface object. Display a “photo” folder icon 5004-10 for the new folder that contains it. As another example, FIG. 5O also illustrates that the device that received the input including the request may have a first action icon (eg, a stock quote application icon 5002-9) and a second action icon (eg, a camera application icon 5002-12). ) Is also shown. This input may include a contact 5060 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of the first action icon 5002-9 on the display (eg, touch screen 112), and a second action icon. And subsequent movement 5062 of contact 5060 to a location close to (or above) 5002-12. In response to this input, the device creates a new folder and displays reduced representations (eg, “S” and “C”, respectively) of the first selectable user interface object and the second selectable user interface object. Displays a "Utility" folder icon 5004-11 for the new folder that contains it.

  Attention is now directed to FIGS. 5P-5R, which illustrate exemplary user interfaces for renaming folders, according to some embodiments. In some embodiments, as described above with reference to FIG. 5O, a new folder is automatically named after it is created. In some embodiments, the device displays a name confirmation dialog (eg, 5064 in FIG. 5P) immediately after the folder is created. In response to detecting a confirmation input (eg, a tap gesture 5066 at a location corresponding to the “confirm” icon on touch screen 112 in FIG. 5P), the device creates and automatically creates a folder, as shown in FIG. 5S. Check the automatically generated name. In response to detecting a cancel input (eg, tap gesture 5068 at a location corresponding to the “cancel” icon on touch screen 112 in FIG. 5P), the device cancels the creation of the folder, as shown in FIG. 5M. . In response to detecting a rename input (eg, tap gesture 5070 at a location corresponding to the “rename” icon on touch screen 112 in FIG. 5P), the device may name the new folder (eg, in FIG. 5Q). Change (from "game" to "fun") as shown and confirm name change (eg, by detecting tap gesture 5074 at a location corresponding to the location of the "ok" icon on touch screen 112) A dialog 5072 is displayed. The device displays a folder icon (eg, 5004-7 in FIG. 5R) associated with the new name for the new folder.

  Attention is now directed to FIGS. 5S-5Q, which illustrate exemplary user interfaces for displaying a folder view, according to some embodiments. In some embodiments, the device is associated with a folder icon (eg, 5004-7) in response to detecting a request to activate the folder icon (eg, tap gesture 5076 in FIG. 5S). Displays the folder view of the folder. In response to detecting the request, the device is shown on a display (eg, touch screen 112) (eg, any of FIGS. 5T, 5U, 5V-5W, or 5X-5Y). Display the folder view. In some embodiments, the device automatically displays the folder view after creating the folder (eg, any of FIGS. 5N-5T, 5U, 5V-5W, or 5X-5Y). Or automatically display the folder view after changing the name of the new folder (eg, any of FIGS. 5Q to 5T, FIG. 5U, FIG. 5V to FIG. 5W, or FIG. 5X to FIG. 5Y) Transition directly to).

  In FIG. 5T, the folder view 5078 covers at least a portion of the touch screen 112 and obscure the selectable user interface object displayed on the touch screen 112 (eg, hides it or reduces its emphasis). Includes overlay. In some embodiments, while providing context feedback by indicating an array of selectable user interface objects that are external to the folder view (eg, 5078 in FIG. 5T), the folder view (eg, 5078 in FIG. 5T). ) Selectable user interface objects that are not in the folder are at least partially thinned. In some embodiments, the folder view (eg, 5078 in FIG. 5T) is displayed in selectable user interface objects (eg, 5002-4 and 5002-13) added to the folder associated with the new folder icon 5004-7. )including.

  In FIG. 5U, folder view 5080 includes a partially transparent overlay. This overlay provides a context feedback by pointing to an array of selectable user interface objects outside the folder (eg, including the location of folder icons 5004-7 for the folders in the array) while touching Cover all or nearly all of the screen 112, obscure selectable user interface objects displayed on the touch screen 112, and focus attention on the folder view (eg, 5080 in FIG. 5U). The folder view (eg, 5080 in FIG. 5U) includes selectable user interface objects (eg, 5002-4 and 5002-13) added to the folder associated with the new folder icon 5004-7.

  Attention is now directed to FIGS. 5V-5Y illustrating an exemplary user interface for displaying an animated transition to a folder view, according to some embodiments. In some embodiments, the device displays a transition animation that transitions from displaying a folder icon to displaying a folder view. For example, in FIG. 5V, the device receives a request to display a folder view (eg, detecting a tap gesture 5076 at a location on touch screen 112 corresponding to the location of folder icon 5004-7 in FIG. 5S). ) To display the animation. The exemplary animation in FIG. 5V shows that a plurality of selectable user interface objects (eg, 5002-7, 5002-8, 5002-10, 5002-11, etc.) are displayed on a display (eg, touch screen 112). This includes displaying the appearance of being scattered outside the display (eg, touch screen 112) by moving toward the edge. In conjunction with diverging a plurality of selectable user interface objects, the device places the folder represented by the selected folder icon (eg, 5004-7 in FIG. 5S) as shown in FIG. 5W. The selected folder icon 5004-7 fills the touch screen 112 to display a folder view 5082 that includes associated selectable user interface objects (eg, 5002-4, 5002-13 in FIG. 5W). The state is displayed.

  As another example of an animated transition, in FIG. 5X, the device receives a request to display a folder view (eg, detecting tap gesture 5076 on folder icon 5004-7 in FIG. 5S). In response to, display an animation. The exemplary animation in FIG. 5X divides the wallpaper into a first portion 5084 and a second portion 5086, and (for example, leaving the second portion away from the first portion as shown in FIG. 5Y). In some embodiments, the first portion has a contoured edge 5088 that is complementary to the contour of the second portion edge 5090. For example, in FIG. The edge 5088 of the first portion 5084 is complementary to the edge 5090 of the second portion 5086.

  It should be understood that in some embodiments, the first portion moves away from the second portion or the first portion and second portion move away from each other. In FIG. 5Y, a folder view 5092 is displayed in the area between the first portion 5084 and the second portion 5086. In conjunction with the movement of the first portion 5084 and the second portion 5086, the device allows the selectable user associated with the folder represented by the selected folder icon (eg, 5004-7 in FIG. 5S). Interface objects (eg, 5002-4, 5002-13 in FIG. 5Y) are displayed in a folder view (eg, 5092 in FIG. 5Y) on a display (eg, touch screen 112). In some embodiments, the animation is as if the wallpaper slides to reveal selectable user interface objects (eg, 5002-4, 5002-13 in FIG. 5Y) associated with the folder from behind the wallpaper. This includes displaying the wallpaper split as if it were a sliding door that disappears and showing selectable user interface objects (eg, 5002-4, 5002-13 in FIG. 5Y) in the folder. In some embodiments, the selected folder icon 5004-7 associated with the folder view 5092 continues to be displayed while the folder view 5092 is displayed, as shown in FIG. 5Y. In some embodiments, the folder icon 5004-7 may include other selectable user interface objects (eg, 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7 in FIG. 5Y). , 5002-8, 5002-9, 5004-1-b, 5002-10, 5002-11, 5002-12). In some embodiments, the edge contour of the first portion or the edge contour of the second portion is adjusted such that the edge contours are no longer complementary. For example, in FIG. 5X, edge 5088 of first portion 5084 and edge 5090 of second portion 5086 have a cut 5094 that is complementary. However, continuing this example, as shown in FIG. 5Y, after the portions are separated from each other, the edge 5088 of the first portion 5084 still has a cut 5094 cut, whereas Thus, the edges 5090 of the second portion 5086 are straight, and therefore the edges are no longer complementary. In some embodiments, the cut incision 5094 is for a selected folder icon (eg, 5004-7 in FIGS. 5X and 5Y) in an array of selectable user interface objects, as shown in FIG. 5Y. Provide visual indication of location.

  In some embodiments, the device detects a folder view end input (eg, detects a tap gesture 5096 at a location on the touch screen 112 corresponding to a location external to the folder view 5092 in FIG. 5Y) and ends the folder. In response, the device stops displaying the folder view (eg, as shown in FIG. 5S). In some embodiments, the device detects a folder rename input (eg, detects a folder rename area such as a button or text input area or a tap gesture 5098 on the name of the folder) and responds to the folder rename input. The device then provides a rename interface (eg, a soft keyboard that slides up from the bottom of the touch screen) that can be used to rename the folder.

  Attention is now directed to FIGS. 5Y-5CC, which illustrate exemplary user interfaces for canceling the creation of a folder, according to some embodiments. In some embodiments, when a cancel input is received, the folder creation operation is canceled. In some embodiments, the cancel input is a selectable user interface object immediately after creating a new folder with one or more selectable user interface objects (eg, action icons 5002-4 and 5002-13). Deleting one of the folders from the folder. In some embodiments, the device detects an input corresponding to a request to move one of the selectable user interface objects out of the folder. For example, in FIG. 5Y, the device may have a contact 5100 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to one of the selectable user interface objects 5002-4 in the folder, and (eg, From the first touch location 5100-a on the touch screen 112 in FIG. 5Y inside the folder view 5092 to the second touch location 5100-b on the touch screen 112 in FIG. 5Z outside the folder view 5092. ) Detect input including subsequent movement 5102 of contact. In response to detecting the input, the device moves the selectable user interface object out of the folder and deletes the folder. For example, in FIG. 5Z, selectable user interface object 5002-4 is outside the folder, and in FIG. 5AA, selectable user interface object 5002-4 is displayed outside the folder after detecting the end of contact. The

  In some embodiments, the folder icon is also updated to reflect changes in the contents of the folder. For example, in FIG. 5Y, folder icons 5004-7 are reduced representations (eg, “O” and “R”) of both selectable user interface objects (eg, 5002-4 and 5002-13) in the folder. In contrast, in FIG. 5AA, after one of the selectable user interface objects (eg, 5002-4) has been moved out of the folder, the selectable user interface objects ( For example, only the reduced representation (eg, “R”) of 5004-13) is displayed in the folder icon (eg, 5004-7 in FIG. 5AA).

  In some embodiments, since this is a cancel folder creation operation, the folder icon is stopped from displaying (eg, as shown in FIG. 5CC) and the remaining selectable user interface objects (eg, 5002-13). ) Will reappear outside the folder view. In some embodiments, as shown in FIG. 5BB, a folder icon (eg, 5004-7) is displayed on the remaining selectable user interface object (eg, selectable user interface object 5002- remaining in the folder). 13) An animated transition showing the changing state is displayed. In the figure, an animation intermediate stage 5104 (eg, an animation frame between a folder icon and the remaining selectable user interface object 5002-13) is displayed on the touch screen 112. In some embodiments, the remaining selectable user interface objects are replaced with folder icons on the touch screen. For example, in FIG. 5AA, the folder icon 5004-7 is displayed in the fourth row of the first column of the array of selectable user interface objects, whereas in FIG. 5CC, the remaining selectable user interface An object 5002-13 is displayed on the fourth row in the first column of the array of selectable user interface objects.

  Attention is now directed to FIGS. 5DD-5JJ, which illustrate exemplary user interfaces for deleting folders, according to some embodiments. In some embodiments, the device automatically displays a folder view of the folder after a new folder has been created (eg, as described in more detail above with reference to FIGS. 5M-5O above). For example, in Figure 5DD, the device displays a folder view 5106 that includes two selectable user interface objects (eg, 5002-4 and 5002-13) In some embodiments, a folder view is displayed. Then, the device also displays a folder name change area for changing the name of the folder, for example, in Fig. 5DD, the device displays a folder view 5106 having a folder name change area 5108. In the folder name change area 5108, The device changes the folder name from “Game” to “Play” In response to a rename input, the device renames the folder in response to a rename input (for example, text input from a physical keyboard, keypad, soft keyboard, or other alphanumeric input device). To change the appearance of the folder icon (for example, 5004-7) (for example, after receiving the name change input, “game” in FIG. 5DD is changed to “play” in FIG. 5EE).

  In some embodiments, the first portion of the wallpaper background (eg, 5108) is shifted away from the second portion of the wallpaper background (eg, 5110), thereby changing the wallpaper background to the first portion ( For example, the folder view is displayed by splitting it into 5108) and a second part (eg, 5110) and displaying the folder view 5106 in the area between the first part 5108 and the second part 5110. The

  In some embodiments, after the creation of a folder is confirmed (eg, by renaming the folder, opening and closing the folder, adding additional selectable user interface objects to the folder, etc.) Then, when a single item is deleted from the folder, the folder is not deleted. Rather, in some embodiments, the folder is deleted by the device only if all items have been deleted from the folder. For example, in FIG. 5EE, the device detects a request to delete a selectable user interface object (eg, 5002-4) from the folder view (eg, contact 5112 on touch screen 112 and folder view 5106). Detect subsequent movement 5114 of contact 5112 from an external location into first portion 5108 of the desktop background). In response to a request to delete a selectable user interface object, eg, 5002-4 from the folder view 5106, the device displays the selectable user interface object 5002-4 in the folder view, as shown in FIG. 5FF. The user interface object 5002-4 that can be deleted from the folder 5106 is displayed outside the folder view 5106. Continuing with this example, in FIG. 5FF, the device moves from contact 5116 and (eg, from first contact location 5116-a on touch screen 112 inside folder view 5106 in FIG. 5FF to folder view in FIG. 5GG. The last selectable user interface object (eg, 5002-13), including detecting subsequent movement 5118 of contact (to a second contact location 5116-b on touch screen 112 outside 5106) Detects a request to clear from the folder view. In some embodiments, in response to the request, the last selectable user interface object (eg, 5002-13 in FIG. 5GG) is responsive to detecting the end of the input corresponding to the request. Is erased from In some embodiments, the last selectable user interface object is on a display (eg, touch screen 112) according to the location of contact 5116-b when the device detects the end of input (eg, contact lift-off). Is displayed.

  In some embodiments, after the last selectable user interface object (eg, 5002-13 in FIG. 5GG) has been deleted from the folder view (eg, 5106 in FIG. 5GG), the selectable user interface object is reduced. The representation (eg, “R”) is deleted from the folder icon. For example, in FIG. 5HH, folder icon 5004-7 does not contain any reduced representation of selectable user interface objects (eg, the folder associated with the folder icon does not contain any selectable user interface objects). .

  In some embodiments, as shown in FIG. 5GG, when the last selectable user interface object (eg, 5002-13 in FIG. 5GG) is deleted from the folder view 5106, the folder is deleted and associated. The folder view is stopped from being displayed. For example, in FIG. 5II, the device no longer displays both the folder view (eg, 5106 in FIG. 5GG) and the folder icon (eg, 5004-7 in FIG. 5GG) associated with the folder. In some embodiments, the device displays an animation where a folder icon (eg, 5004-7 disappears. For example, in FIG. 5HH, a folder does not have a reduced representation of a selectable user interface object. 5004-7 is displayed and the folder icon 5004-7 begins to shrink as indicated by the arrows in Fig. 5HH If this animation continues, the folder icon is completely stopped in Fig. 5II. After stopping the display, in some embodiments, the device re-selects the selectable user interface object to close the gap in the default array of selectable user interface icons left by deleting the folder icon. Arrange, for example In Figure 5JJ, folder icon (e.g., 5004-7 in Figure 5HH) to fill the gap left by, selectable user interface objects associated with the Solitaire application 5002-4 is moved to the left.

  Attention is now directed to FIGS. 5KK-5PP, which illustrate exemplary user interfaces for adding selectable user interface objects to a folder, according to some embodiments. In FIG. 5KK, the device has a plurality of action icons (eg, 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7, 5002-8, 5002-09, 5002-10, 5002-11, 5002-12, 5002-14, 5002-15, and 5002-16) and multiple selections including multiple folder icons (eg, 5004-1-b, 5004-7, and 5004-2) Display user interface objects. In some embodiments, the device may provide an input corresponding to a request to move individual selectable user interface objects (eg, 5002-9) on the display (eg, touch screen 112), or the beginning of the input. (For example, contact 5120-a on touch screen 112 in FIG. 5KK) is detected. In some embodiments, one or more of the other selectable user interface objects (eg, action icon 5002 and folder icon 5004) are in a default activation area (eg, 5122-1-a, 5122-2). -A, 5122-3-a, 5122-4-a, 5122-5-a, 5122-6-a, 5122-7-a, 5122-8-a, 5122-9-a, 5122-10-a 5122-11-a, 5122-12-a, 5122-13-a, 5122-14-a, 5122-15-a, 5122-16-a, 5122-17-a). Here, each activation area for each selectable user interface object is for performing an action associated with each selectable user interface object. In some embodiments, individual activation areas for individual action icons are associated with actions that create a folder that includes the individual action icons. In some embodiments, individual activation areas for individual folder icons are associated with actions that add selectable user interface objects to the folder associated with the individual folder icon. In some embodiments, one or more of the individual activation areas are input on a touch-sensitive surface corresponding to movement of a first selectable user interface object (eg, 5002-9 in FIG. 5KK). Is detected from the default size (eg, 5122-1-b, 5122-2-2-b, 5122-3-b, 5122-4-b, 5122-5-5 in FIG. 5LL) from the default size. b, 5122-6-b, 5122-7-b, 5122-8-b, 5122-9-b, 5122-10-b, 5122-11-b, 5122-12-b, 5122-13-b, 5122-14-b, 5122-15-b, 5122-16-b, 5122-17-b). In some embodiments, the adjusted size (eg, 5122-13b in FIG. 5LL) of the individual activation areas is adjusted to the individual activation areas (eg, FIG. 5LL) on the display (eg, touch screen 112). Determined based on the distance from 5122-13-a) in 5KK to the first individual selectable user interface object (eg, 5002-9 in FIG. 5KK).

  As an example of adding a selectable user interface object to a folder, the device detects an input corresponding to a request to move the selectable user interface object to the activation area associated with the folder icon. . For example, the device detects a contact 5120 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to each selectable user interface object 5002-9 (eg, on touch screen 112, FIG. 5KK). Detection of subsequent movement 5121 of the touch across the touch-sensitive surface (from the first contact location 5120-a in FIG. 5A to the second contact location 5120-b in FIG. 5LL and to the third contact location 5120-c in FIG. 5MM) To do. In response to detecting the input, the device displays individual selectable user interface objects 5002-9 on display (eg, touch screen 112) according to the movement of contact 5120, as shown in FIGS. 5KK-5MM. Move across. In some embodiments, the device automatically rearranges the selectable user interface objects as individual selectable user interface objects 5002-9 are moved across the display (eg, touch screen 112). . In some embodiments, the device does not rearrange selectable user interface objects until a predetermined condition is met (eg, contact 5120 is no longer detected on touch screen 112). For example, in FIGS. 5LL-5MM, even though the individual selectable user interface objects 5002-9 have been moved across the display (eg, touch screen 112), other selectable user interface objects. Are not immediately rearranged.

  In some embodiments, each selectable user interface object 5002-9 is an activation area (eg, a folder icon 5004-7) for one of the other selectable user interface objects (eg, a folder icon 5004-7). While at least partially within 5122-13-b), the device detects the end of input (eg, lift-off of contact 5120-c in FIG. 5MM). In some embodiments, in response to detecting the end of input, the device associates each selectable user interface object 5002-9 with a selectable user interface object (eg, folder icon 5004-7). To the specified folder. In some embodiments, after each selectable user interface object (eg, 5002-9) has been added to a folder associated with a selectable user interface object (eg, folder icon 5004-7), As shown in FIG. 5NN, the device includes a folder icon (eg, 5004-7 in FIG. 5NN) and a reduced representation of the action icon (eg, “S” in folder icon 5004-7 in FIG. 5NN). Change to In some embodiments, after the action icon 5002-9 is added to the folder associated with the folder icon 5004-7, the device may fill in any gaps in the array, as shown in FIG. 5OO. Rearrange selectable user interface objects on the display (eg, touch screen 112). In the figure, the gap left by the movement of the action icon 5002-9 into the folder is filled.

  In FIG. 5OO, the device includes a new input that includes a contact 5124 on a touch-sensitive surface (eg, touch screen 112) at a location corresponding to the location of action icon 5002-8 on the display (eg, touch screen 112), and A subsequent movement 5126 of the contact (eg, from the first contact location 5124-a in FIG. 5OO to the second contact location 5124-b in FIG. 5PP) on the touch screen 112 is detected. In some embodiments, one or more of the other selectable user interface objects (eg, action icon 5002 and folder icon 5004) are activated regions (eg, 5128-1, 5128-2, 5128- 3, 5128-4, 5128-5, 5128-6, 5128-7, 5128-8, 5128-9, 5128-10, 5128-11, 5128-12, 5128-13, 5128-14, 5128-15) Have Here, each activation area for each selectable user interface object is for performing an action associated with each selectable user interface object. In some embodiments, individual activation areas for individual action icons (eg, 5128-1, 5128-2, 5128-3, 5128-4, 5128-5, 5128-6, 5128-8, 5128-9, 5128-10, 5128-11, 5128-12, or 5128-13) is associated with an action that creates a folder containing individual action icons. In some embodiments, individual activation areas for individual folder icons (eg, 5128-7, 5128-11, or 5128-15) are displayed on individual selectable user interface objects (eg, 5002- 8) is associated with an action that adds to the folder associated with that individual folder icon. In some embodiments, the size of the activation area is determined based on the distance of the activation area from each selectable user interface object (eg, 5002-8). In some embodiments, the activation area is not displayed on a display (eg, touch screen 112).

  In response to detecting an input (eg, movement 5126 of contact 5124 on touch screen 112 in FIGS. 5OO-5PP), the device may individually follow the movement of contact 5124 as shown in FIGS. 5OO-5PP. The selectable user interface object 5002-8 is moved across the display (eg, touch screen 112). In some embodiments, as described in greater detail above with reference to FIGS. 5LL-5MM, the device does not rearrange selectable user interface objects until a predetermined condition is met. In some embodiments, as shown in FIG. 5PP, as the individual selectable user interface objects 5002-8 are moved across the display (eg, touch screen 112), the device may select a user interface. Automatically rearrange objects. For example, in FIGS. 5OO-5PP, individual selectable user interface objects 5002-8 are still individually selectable even though they are still being moved across the display (eg, touch screen 112). Other selectable user interface objects have been rearranged to fill the gaps that user interface objects 5002-8 would have been left by moving across the display (eg, touch screen 112).

  In some embodiments, the device (eg, from the second contact location 5124-b in FIG. 5PP to the contact location within the activation area 5128-11 for the individual folder icon 5004-7). An additional movement 5130 of contact is detected. In some embodiments, each selectable user interface object 5002-8 is an activation area (eg, a folder icon 5004-7) for one of the other selectable user interface objects (eg, a folder icon 5004-7). While at least partially within 5128-11), the device detects the end of input (eg, lift-off of contact 5124 from touch screen 112). In some embodiments, in response to detecting the end of input, the device associates each selectable user interface object 5002-8 with a selectable user interface object (eg, folder icon 5004-7). To the specified folder. In some embodiments, after each selectable user interface object (eg, 5002-8) has been added to a folder associated with a selectable user interface object (eg, folder icon 5004-7), As shown in FIG. 5QQ, the device includes a folder icon (eg, 5004-7 in FIG. 5QQ) and a reduced representation of the action icon (eg, “M” in folder icon 5004-7 in FIG. 5QQ). Change to

  Attention is now directed to FIGS. 5QQ-5SS, which illustrate exemplary user interfaces for moving folder icons, according to some embodiments. In some embodiments, a folder icon is displayed (eg, touched) in response to a folder repositioning input on a touch-sensitive surface (eg, touch screen 112) while the device is in user interface reconfiguration mode. It can be moved around the screen 112). For example, in FIG. 5QQ, the device detects an input including contact 5132 at a location corresponding to the location of an individual folder icon 5004-7 on the touch-sensitive surface (eg, touch screen 112) and touches across the touch-sensitive surface. A subsequent movement 5134 of 5132 (eg, movement across the touch screen 112 from the first contact location 5132-a in FIG. 5QQ to the second contact location 5132-b in FIG. 5RR) is detected. In response to detecting the input, the device moves individual folder icons 5004-7 to a new location on the display (eg, touch screen 112) according to the input, as shown in FIG. 5RR. In some embodiments, after detecting a predetermined condition (eg, end of input or suspension of movement for longer than a predetermined period of time), the device detects an input as shown in FIG. 5SS. The selectable user interface objects are rearranged to make room for individual folder icons that have been moved in response (eg, 5004-7).

  Attention is now directed to FIGS. 5SS-5VV, which illustrate exemplary user interfaces for rearranging selectable user interface objects in a folder, according to some embodiments. In FIG. 5SS, the device detects a folder view display input (eg, a tap gesture 5136 at a location corresponding to the location of the folder icon 5004-7 on the touch screen 112). In response to the folder view display input, the device selects selectable user interface objects associated with the folder represented by the folder icon 5004-7 (eg, action icons 5002-4, 5002-13, 5002-9, 5002-8) is displayed (for example, 5138 in FIGS. 5TT to 5UU). In some embodiments, selectable user interface objects in the folder view (eg, 5138) have a predetermined spatial arrangement and can be rearranged based on the detected rearrangement input. For example, in FIG. 5TT, the device detects a rearranged input (eg, contact 5140 and subsequent movement 5142 of contact 5140 across touch screen 112). In response to detecting the reordering input, the device may select one or more individual selectable user interface objects in the folder view from the first location in the spatial view of the folder view according to the reordering input. Move to a second location in the spatial array. For example, in FIG. 5TT, the device detects a contact 5140 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the location of a stock quote application icon 5002-9 on a display (eg, touch screen 112), A subsequent movement 5142 of contact 5140 to a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the left edge of the spatial arrangement on the display (eg, touch screen 112) is detected. In response to the move, the device moves the stock price application icon 5002-9 to the leftmost position in the spatial arrangement of the folder view 5138, as shown in FIG. 5UU.

  In addition, in some embodiments, a folder icon (eg, 5004-7) associated with a folder view (eg, 5138) reflects changes to the spatial arrangement of icons in the folder view (eg, 5138). To be updated. For example, in FIG. 5TT, the device (eg, before the spatial array of selectable user interface objects in the folder view has been changed) has a spatial array of selectable user interface objects (eg, left to right, top In the first order corresponding to the solitaire application icon 5002-4, the racing application icon 5002-13, the stock price application icon 5002-9, and the map application icon 5002-8) in the order from the bottom to the bottom. A reduced representation of the user interface object (eg, “O”, “R”, “S”, “M”) is displayed in order from left to right and from top to bottom. In contrast, in FIG. 5UU, the device (e.g., after the spatial array has been changed) displays the stock price application icon 5002 in a new spatial array of selectable user interface objects (e.g., left to right, top to bottom, in that order). −13, a solitaire application icon 5002-4, a racing application icon 5002-9, a map application icon 5002-8) in a second order corresponding to a reduced representation of selectable user interface objects in the folder view 5138 (eg, "S", "O", "R", "M") are displayed in order from left to right and from top to bottom.

  In some embodiments, in response to a folder view end input, the device stops displaying the folder view. For example, in FIG. 5UU, the device detects a tap gesture 5144 at a location on a touch-sensitive surface (eg, touch screen 112) that corresponds to a location on a display (eg, touch screen 112) that is outside the folder view. In response to detecting tap gesture 5144, the device stops displaying the folder view, as shown in FIG. 5VV. In some embodiments, the device displays an animation (e.g., a touch screen) where the folder view closes (e.g., the background wallpaper closes over selectable user interface objects in the folder view 5138). 112) is displayed above.

  Attention is now directed to FIGS. 5VV-5BBB, which illustrate exemplary user interfaces for deleting selectable user interface objects from a folder, according to some embodiments. In some embodiments, the device detects a folder view display input (eg, tap gesture 5146 at a location corresponding to folder icon 5004-1-b on touch screen 112 in FIG. 5VV). In response to detecting the folder view display input, the device may display the contents of the folder (eg, action icons 5002-19, 5002-20, 5002-21, 5002 on the touch screen 112, as shown in FIG. 5WW. 22, 5002-23, 5002-24, and 5002-25) are displayed.

  In some embodiments, one or more of the selectable user interface objects is an application (eg, app-7) associated with the selectable user interface object (eg, action icon 5002-25). A notification badge (e.g., 5150 in FIG. 5WW) indicating that the user needs attention. In some embodiments, the folder icon (eg, 5004-1-b) associated with the folder that contains the selectable user interface object (eg, action icon 5002-25) is also one or more. Additional notification badges (eg, 5012 and / or 5014) are displayed. In some embodiments, as notification badges on selectable user interface objects are updated (eg, to indicate that notification badge 5150 appears or disappears or the number of notifications has changed). The additional notification badges will be updated.

  In some embodiments, the device detects an erasure input of a selectable user interface object, and in response to detecting an erasure input of the selectable user interface object, the device displays the selectable user interface object in a folder view. Erase from For example, in FIG. 5WW, the device has a contact 5152 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of application icon 5002-19 on the display (eg, touch screen 112), and folder view 5148. Detects subsequent movement 5154 of contact 5152 across a touch-sensitive surface (eg, touch screen 112) toward a location corresponding to a portion of a display (eg, touch screen 112) that is external to the screen. In some embodiments, the input is a quick gesture that does not specify a specific location outside the folder view (eg, the gesture is a flick gesture that does not include a pause outside the folder view or a quick tap-and-drag gesture). The device moves the selectable user interface object to an automatically determined location on a display (eg, touch screen 112) that is outside the folder view. Continuing with the above example, in response to detecting contact 5152 and subsequent movement 5154 of the contact, the device clears action icon 5002-19 from folder view 5148, closes folder view, and displays (eg, touch Action icon 5002-19 is displayed at the first empty location in the array of selectable user interface objects on screen 112). In this example, action icon 5002-19 is displayed in the lower right corner of a 3 × 4 array of selectable user interface objects on a display (eg, touch screen 112 in FIG. 5XX).

  In some embodiments, when the selectable user interface object is erased from the folder associated with the folder icon, the device updates the folder icon associated with the folder. For example, in FIG. 5WW, the folder icon 5004-1-b associated with the displayed folder view 5148 is a selectable user interface object contained within the folder associated with the folder icon 5004-1-b. Four reduced representations (eg, “x4”, “x5”, “x6”, and “x7”) are included. In some embodiments, as shown in the folder icon 5004-1-b in FIG. 5WW, an empty space in the folder icon adds more selectable user interface objects. To include a space to do. However, after a selectable user interface object (eg, action icon 5002-19) is deleted from the folder associated with the folder icon (eg, 5004-1-b), the selectable user interface object (eg, To indicate that 5002-19) has been deleted from the folder, the device changes the appearance of the folder icon (eg, 5004-1-b in FIG. 5XX). For example, in FIG. 5XX, folder icon 5004-1-b has been rearranged to indicate that one selectable user interface object in the folder associated with folder icon 5004-1-b has been reduced. A reduced representation in the folder is shown (for example, “x2”, “x3”, “x4”, “x5”, “x6”, and “x7” are displayed).

  In some embodiments, while the device is in user interface reconfiguration mode, the device may enter an action icon selection input (eg, a tap gesture at a location corresponding to action icon 5002-12 on touch screen 112 in FIG. 5XX). 5155) and in response to an action icon selection input while the device is in user interface reconfiguration mode, the device is associated with an application (eg, camera application icon 5002-12) associated with the action icon. For example, do not activate the camera application). In some embodiments, the device detects a folder view display input (eg, tap gesture 5156 at a location corresponding to folder icon 5004-1-b in FIG. 5XX). In response to detecting the folder view display input, as shown in FIG. 5YY, the device displays the contents of the folder (for example, action icons 5002-20, 5002-21, 5002-22, 5002-23, 5002-24, And a folder view 5158 including 5002-25) on a display (eg, touch screen 112).

  In some embodiments, while the device is in user interface reconfiguration mode, the device responds to an input corresponding to a request to activate an application associated with one of the action icons (eg, A tap gesture 5156) corresponding to a request to activate the app-7 application corresponding to the app-7 application icon 5002-25 is detected. However, according to some embodiments, the device does not activate the application icon in response to detecting an input while the device is in user interface reconfiguration mode.

  In some embodiments, the device detects an erasure input of a selectable user interface object, and in response to detecting an erasure input of the selectable user interface object, the device displays the selectable user interface object in a folder view. Erase from In some embodiments, the selectable user interface object is positioned within the array of selectable user interface objects according to the selectable object erase input when the selectable object erase input satisfies a predetermined condition. For example, in FIG. 5YY, the device has a contact 5162 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the location of application icon 5002-22 on the display (eg, touch screen 112), and the touch-sensitive surface. Subsequent movement 5164 of contact 5152 across (eg, touch location 5162-a in folder view 5158 in FIG. 5YY to touch location in FIG. 5ZZ corresponding to a portion of touch screen 112 outside of folder view 5158) A movement across the screen 112) is detected. In some embodiments, the device may have a location (eg, touch location 5162) on a touch-sensitive surface (eg, touch screen 112) that corresponds to a location on a display (eg, touch screen 112) that is external to folder view 5158. -B) detects contact for longer than the threshold time period and in response, the device stops displaying the folder view, as shown in FIG. 5AAA.

  In some embodiments, after the folder view is no longer displayed, the device may move on contact 5162 (eg, from second contact location 5162-b on touch screen 112 in FIG. 5AAA, on touch screen 112). The movement to the third touch location 5162-c on the touch screen 112 in FIG. 5BBB corresponding to the location in the array of selectable user interface objects is subsequently detected. In response to subsequent movement 5166, the device moves selectable user interface objects (eg, action icons 5002-22) on the display (eg, touch screen 112) according to the movement of the contact. In some embodiments, selectable user interface objects (eg, action icons 5002) thus deleted from the folder are arranged according to selectable user interface object inputs. Continuing with the example from above, the device terminates input associated with a location on a display (eg, touch screen 112) within an array of selectable user interface objects (eg, touch location 5162 in FIG. 5BBB). -Lift off contact 5162 from touch screen 112 at -c). As shown in FIG. 5BBB, contact 5162-c and action icon 5002-22 are located between two of the other selectable user interface objects (eg, 5002-6 and 5004-7) and input. Is detected (eg, lift off contact 5162-c in FIG. 5BBB), the selectable user interface object is displayed at a location within the array of selectable user interface objects indicated by the input (eg, (App-4 action icon 5002-22 is displayed between memo action icon 5002-6 and game folder icon 5004-7 on touch screen 112 in FIG. 5CCC).

  In some embodiments, when the selectable user interface object is erased from the folder associated with the folder icon, the device updates the folder icon associated with the folder. For example, in FIG. 5YY, the folder icon 5004-1-b associated with the displayed folder view 5158 is a selectable user interface object contained within the folder associated with the folder icon 5004-1-b. Six reduced representations (eg, “x2”, “x3”, “x4”, “x5”, “x6”, and “x7”) are displayed. However, after a selectable user interface object (eg, action icon 5002-22) is deleted from the folder associated with the folder icon (eg, 5004-1-b), the selectable user interface object (eg, In order to indicate that 5002-22) has been deleted from the folder, the device changes the appearance of the folder icon (eg, from 5004-1-b in FIGS. 5XX-5ZZ to 5004-1-b in FIG. 5AAA). To do. For example, in FIG. 5AAA, the folder icon 5004-1-b has been rearranged to indicate that there is one less selectable user interface object in the folder associated with the folder icon 5004-1-b. All the reduced expressions in the folder are displayed (for example, only “x2”, “x3”, “x5”, “x6”, and “x7” are displayed). In addition, in some embodiments, the reduced representation of the deleted selectable user interface object is stopped from being displayed in the folder icon. For example, since the action icon 5002-22 has been deleted from the folder, the reduced representation “x4” is no longer displayed within the folder icon 5004-1-b in FIG. 5CCC).

  Attention is now directed to FIGS. 5CCC-5EEE, which illustrate exemplary user interfaces for navigating between pages of selectable user interface objects in a folder view, according to some embodiments. In some embodiments, the device detects a folder view display input (eg, a tap gesture 5168 at a location on the touch screen 112 corresponding to the location of the folder icon 5004-2 on the touch screen 112 in FIG. 5CCC). In response to detecting the folder view display input, the device may display the contents of the folder (eg, action icons 5002-26, 5002-27, 5002-28, 5002-29, 5002-30, as shown in FIG. 5EEE). , 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37) are displayed on a display (eg, touch screen 112).

  In some embodiments, a folder view display input is a request to display a folder view for a folder icon (eg, 5004-2) in a tray (eg, 5006 in FIG. 5CCC) in the user interface. In some cases, the device displays an animation in which the folder view extends from the dock. For example, in FIG. 5CCC, the device detects a tap gesture 5168 on the folder icon 5004-2 in the tray 5006, and in FIG. 5EEE, a folder view 5170 of the folder is displayed. In some embodiments, the device displays a transition animation before displaying the folder view, as shown in FIG. 5DDD. For example, in response to detecting a tap gesture 5168, the device splits the wallpaper background into a first portion 5172 and a second portion 5174, and a selectable user interface object that appears to be under the wallpaper background (eg, , FIG. 5DDD 5002-34, 5002-35, 5002-36, 5002-37), the background of the wallpaper slides backward (eg, the second portion 5174 moves away from the first portion 5172). Display the animation. At the end of the animation, the contents of the folder, or a portion of the contents, are displayed in a folder view 5170 on the display (eg, touch screen 112).

  In some embodiments, the folder includes more selectable user interface objects than can be displayed in a folder view (eg, 5170 in FIG. 5EEE). In some embodiments, the folder has a maximum number of selectable user interface objects that can be added to the folder. In this case, the maximum number is based on the maximum number of selectable user interface objects that can be displayed in the folder view for the folder. For example, in FIG. 5EEE, only 12 selectable user interface objects could be added to the folder associated with the folder view 5170. However, in some embodiments, the folder view includes multiple “pages” or sets of selectable user interface objects, and the folder is part of a subsequent set of selectable user interface objects. A first set of selectable user interface objects (eg, action icons 5002-26, 5002-27, 5002-28, 5002-29, 5002-30, 5002). -31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37) can hold additional selectable user interface objects. For example, in FIG. 5EEE, the device detects the next page input including contact 5176 and subsequent movement 5178 of the touch across the touch-sensitive surface (eg, touch screen 112). In response to detecting the next page input, the device may select a second set of selectable user interface objects (eg, action icons 5002-38, 5002-39, 5002-40, 5002-41 in FIG. 5FFF). 5002-42 and 5002-43) are displayed in the folder view 5170 for the folder. In other words, the folder contains 18 selectable user interface objects, 12 selectable user interface objects in the first page, and 6 selectable user interface objects on the second page. Including.

  Attention is now directed to FIGS. 5GGG-5MMM showing an exemplary user interface for deleting selectable user interface objects from a folder, according to some embodiments. In some embodiments, the device detects a folder view display input (eg, tap gesture 5168 at a location corresponding to folder icon 5004-2 on touch screen 112 in FIG. 5CCC). In response to detecting the folder view display input, the device may display the contents of the folder (eg, action icons 5002-26, 5002-27, 5002-28, 5002-29, 5002-30, as shown in FIG. 5GGG. , 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37).

  In some embodiments, the folder view (eg, 5182) includes all or nearly all of the display (eg, touch screen 112) in some of these embodiments, and the device is a selectable user interface object. An erasure area (for example, 5184 in FIG. 5GGG) is displayed. In some embodiments, in response to detecting an erase request corresponding to a request to move individual selectable user interface objects into selectable user interface object erase area 5184, the device Erases selectable user interface objects from the folder. For example, in FIG. 5GGG, the device has a first touch location 5168 in FIG. 5GGG that corresponds to the location of contact 5186 and the movement of contact 5188 (eg, individual selectable user interface objects 5002-32 on touch screen 112). From -a, move to a second touch location 5186-b in FIG. 5HHH corresponding to a location on touch screen 112 that is close to or within selectable user interface object erasure region 5184). Continuing with the example, the device moves individual selectable user interface objects (eg, action icons 5002-32) into selectable user interface object deletion area 5184. In some embodiments, in response to detecting the end of input (eg, lift-off of contact 5186-b in FIG. 5HHH), the device may select individual selectable user interface objects (eg, action icons 5002-32). ) Are no longer displayed from the folder view 5182 and the selectable user interface objects in the folder view 5182 are automatically rearranged to close any gaps in the array of selectable user interface objects. For example, in FIG. 5III, the selectable user interface objects are re-created to fill the gaps remaining in FIG. 5HHH after each selectable user interface object (eg, action icon 5002-32) has been removed from the folder view. Arranged.

  In some embodiments, after the selectable user interface object (eg, action icon 5002-32) is cleared from the folder, the folder view is automatically turned off (eg, the device is shown in FIG. 5III). It automatically switches from the displayed user interface to the user interface displayed in Fig. 5JJ In some embodiments, the device enters the folder view end input (e.g., "folder in the upper right corner of folder view 5182 in Fig. 5III). Tap gesture 5190 on the “Exit” icon. In response to detecting a folder view end input, the device stops displaying the folder view and redisplays the home screen as shown in FIG. 5JJ. How many In embodiments, selectable user interface objects deleted from the folder (e.g., 5002-32), as shown in FIG 5JJJ, is displayed on the home screen.

  In some embodiments, the device detects a folder view display input (eg, a tap gesture 5192 at a location corresponding to the folder icon 5004-2 in FIG. 5JJ). In response to detecting the folder view display input, the device changes the contents of the folder (eg, action icons 5002-26, 5002-27, 5002-28, 5002-29, as shown in FIG. 5KKK). 5002-30, 5002-31, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37) are redisplayed. In some embodiments, instead of or in addition to the selectable user interface object deletion area described above, the device displays an object change target associated with one or more of the selectable user interface objects. To do. For example, in FIG. 5KKK, each selectable user interface object has an object change target associated with it (eg, action icon 5002-37 has an individual object change target 5194).

  In some embodiments, the device corresponds to a request to activate an object change target for each selectable user interface object (eg, corresponding to the location of the object change area for action icons 5002-37). Upon detecting a tap gesture 5196) at a location on the touch screen 112, the device displays an object change dialog. For example, in FIG. 5LLL, the device may have options for changing selectable user interface objects (eg, deleting action icon 5002-37, deleting action icon 5002-37 from a folder, or object change operation). A pop-up dialog 5198 is displayed which provides the user with the In this example, in response to an input corresponding to a request to delete a selectable user interface object (eg, tap gesture 5200 on a delete button), the device deletes the selectable user interface object (eg, As shown in FIG. 5 MMM, the action icon 5002-37 is erased from the folder associated with the folder view and completely erased from the device, so that it is displayed on the home screen or in any other folder view Will not be). In some embodiments, when the selectable user interface is deleted, the application associated with the selectable user interface object is deleted from the device. In this example, in response to an input (eg, tap gesture 5202 on a cancel icon) corresponding to a request to cancel the object change operation, the device can select a user interface object (eg, action icon 5002-37). Without changing the object, the display of the object change dialog 5198 is stopped, thereby returning to the user interface displayed in FIG. 5KKK. In this example, in response to an input corresponding to a request to delete the selectable user interface object from the folder (eg, tap gesture 5204 on the delete button), the device removes the selectable user interface object from the device. Delete the selectable user interface object from the folder (eg, as shown in FIG. 5MMM) without associating the action icon 5002-37 with the folder view (eg, as shown in FIG. 5NNN). And the action icon 5002-37 is displayed on the home screen).

  Attention is now directed to FIGS. 5NNN-5OO, which illustrate an exemplary user interface for displaying a folder view while in normal operating mode, according to some embodiments. In some embodiments, the device detects an input corresponding to a request to exit user interface reconfiguration mode and return to normal operation mode. For example, in FIG. 5NNN, the device detects a request to return to normal operating mode (eg, press input 5206 on home button 204 in FIG. 5NNN). In response to a request to return to normal operating mode, the device returns to normal operating mode, so that selectable user interface objects (eg, action icon 5002 and folder icon 5004) in FIGS. (However, in some embodiments, the array of selectable user interface objects can be scrolled in one or two dimensions.)

  In some embodiments, selection of an individual action icon 5002 results in activation of an application associated with the individual action icon while the device is in a normal operating mode. For example, in FIG. 5OOO, in response to detecting the selection of a photo action icon (eg, detecting a tap gesture 5208 at a location on the touch-sensitive surface corresponding to the photo action icon 5002-1), the device Display the application (eg, launch the photo application if the photo application is not already running, or simply display the photo application if the photo application is already running). In contrast, in some embodiments, in response to detecting selection of an individual folder icon 5004, a display of a folder view for the folder results. For example, in FIG. 5OOO, after detecting selection of a game folder icon (eg, after detecting a tap gesture 5210 at a location on the touch-sensitive surface corresponding to game folder icon 5004-7), the device A folder view 5212 is displayed. In some embodiments, while the device is in normal operating mode, selection of individual action icons 5002 in the folder view (eg, folder view 5212) may cause an application active associated with the individual action icon to be active. Cause For example, in response to detecting a selection of a photo action icon (eg, detecting a tap gesture 5214 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the stock price action icon 5002-9), The device displays a photo application on a display (eg, touch screen 112) (eg, launches a stock application if the stock application is not already running, or if the stock application is already running Simply display the stock price application).

  Attention is now directed to FIGS. 5QQQ-5TTT, which illustrate exemplary user interfaces for displaying a folder view while in a normal operating mode, according to some embodiments. In FIG. 5QQQ, the device displays a plurality of selectable user interface objects (eg, action icon 5002 and folder icon 5004) on the home screen. In some embodiments, the device detects an input requesting selection of a folder icon. For example, in FIG. 5QQQ, the device detects contact 5216 over folder icon 5004-12. The folder icon 5004-12 includes a plurality of reduced representations of selectable icons associated with the folder (eg, reduced representations of selectable icons “y1”, “y2”, “y3”, “y4”, “y5”). ”,“ Y6 ”,“ y7 ”,“ y8 ”, and“ y9 ”). As described below, in some embodiments, a reduced representation of the selectable icons contained within the folder icon 5004-12 is for the selectable icons in the folder corresponding to the folder icon 5004-12. Corresponds to a subset.

  5QQQ to 5TTT show the animated transition between the home screen (eg, application launch user interface) shown in FIG. 5QQQ and the folder view corresponding to the folder icon 5004-12 shown in FIG. 5TTT. Show. Specifically, in this example, a plurality of selectable user interface objects are displayed in the home screen in individual arrangements, and the animation is such that the folder icon 5004-12 is enlarged and moved toward the center of the display. (Eg, in FIGS. 5QQQ-5RRR, the device expands the array so that the folder icon 5004-12 is enlarged and moves toward the center of the touch screen 112). In FIG. 5 SSS, the device expands the array so that the folder icon 5004-12 is enlarged and moves toward the center of the touch screen 112, and in FIG. 5 SSS to FIG. 5 TTT, the device has the folder icon 5004-12. Is magnified and moved toward the center of the touch screen 112 So that to, to expand the array). During the animation, the device stops displaying its expanded representation of selectable user interface objects other than the folder icon 5004-12 as it is "pushed out" from the display. After zooming in on the folder icon 5004-12, the display of the enlarged folder icon 5004-12 is replaced with a folder view, as shown in FIG. 5TTT. In some embodiments, in response to a request to exit the folder view shown in FIG. 5TTT (eg, in response to activation of home button 204), the device is shown in FIG. 5QQQ to FIG. 5TTT. Animated transitions are reversed (eg, by reversing from FIG. 5TTT to FIG. 5SSS, to FIG. 5RRR, to FIG. 5QQQ).

  Attention is now directed to FIGS. 5TTT-5VVV, which show exemplary user interfaces for displaying page indicator icons 5217 in the folder view and updating their appearance according to the displayed page of the folder view.

  As shown in FIG. 5TTT, the folder view associated with the folder icon 5004-12 (FIGS. 5QQQ-5SSS) displays a first page that includes a first subset of selectable icons in the folder. Yes. In some embodiments, the folder view includes room to simultaneously display a specific number of selectable icons that is at most less than the total number of selectable icons in the folder. For example, the folder associated with the folder icon 5004-12 includes action icons (for example, application icons) 5002-51, 5002-52, 5002-53, 5002-54 displayed in the first page of the folder view. 5002-55, 5002-56, 5002-57, 5002-58, 5002-59 (FIG. 5 TTT), but at least action icons 5002-60, 5002-61 displayed in the second page of the folder view. , 5002-62, 5002-63, 5002-64, 5002-65, 5002-66, 5002-67, and 5002-68 (FIG. 5 VVV). In this example, the folder view includes room for displaying no more than nine selectable icons within each page.

  In some embodiments, the folder view associated with the folder icon 5004-12 also includes a page indicator icon 5217 that indicates the number of separate pages of selectable icons into which the selectable icons in the folder are divided. indicate. For example, in FIG. 5 TTT, the folder view has three page indicators (eg, page indicator 5217-1 corresponding to the first page of selectable icons in the folder, the second page of selectable icons in the folder). And a page indicator 5217-3) corresponding to the third page of selectable icons in the folder, and the selectable icons in the folder are divided among the three pages. To tell you. In some embodiments, the page indicator for the currently selected page is displayed differently than the one or more page indicators for unselected pages. For example, in FIG. 5 TTT, the page indicator 5217-1 corresponding to the currently selected page (eg, the first page) is displayed with a first appearance (eg, as solid black), while being selected. Page indicators 5217-2 and 5217-3 that correspond to pages that are not displayed are displayed in a second appearance (eg, as a blank circle) to allow the user to determine their position within multiple pages. Yes.

  In some embodiments, the device detects an input corresponding to a request to display the next page in the folder view. For example, in FIG. 5 TTT, the device detects contact 5218 at 5218-a over a predetermined area of the folder view (eg, an area that does not correspond to a request to initiate an action associated with an action icon). In some embodiments, the input corresponds to a request to display the next page in the folder view and includes a default gesture. For example, in FIG. 5 TTT, 5218 is detected continuously in gesture 5220 across the display. As shown in FIG. 5UUU, in some embodiments, the device displays a drag effect where gesture 5220 causes an animated shift from the first page to the second page (eg, the device , A state of “rolling” or “sliding” the icon between the first page and the second page is displayed). As further shown in FIG. 5UUU, the device detects the release (or lift-off) of contact 5218 at 5218-b, and in response to detecting the lift-off of contact 5218, the device, as shown in FIG. 5VVV, Displays a second page of selectable icons.

  5VVV-5YYY illustrate the animated transition between the second page of the folder view and the application view. In some embodiments, the device detects an input corresponding to a request to initiate an action associated with the selectable user interface object. For example, in FIG. 5VVV, a tap gesture including contact 5222 is detected on action icon 5002-66, which is interpreted by the device as a request to launch “App y16”. Prior to detecting input, in this example, a plurality of selectable user interface objects are displayed in a second page in an individual array. While launching “App y16”, as shown in FIG. 5 WWW, the animation expands the individual array so that the action icons 5002-66 are magnified and move toward the center of the display. As shown in FIG. 5XXX, during the animation, the device displays their display as enlarged representations of selectable user interface objects other than action icons 5002-66 are “pushed” from the display. Stop. After zooming in on the action icon 5002-66, the display of the enlarged action icon 5002-66 is replaced with an application view 5224, as shown in FIG. 5YYY. In some embodiments, in response to a request to exit application view 5224 shown in FIG. 5YYY (eg, in response to activation of home button 204), the device is shown in FIGS. 5VVV-5YYY. Animated transitions to be reversed (eg, by reversing from FIG. 5YYY to FIG. 5XXX, to FIG. 5WWW, to FIG. 5VVV).

  Attention is now directed to FIGS. 5ZZ-5CCCC, which illustrate exemplary user interfaces for deleting individual icons from the folder view. FIG. 5ZZ is similar to FIG. 5VVV. However, in FIG. 5ZZ, the device detects an input 5226 corresponding to the request to enter user interface reconfiguration mode. In some embodiments, the input corresponding to the request to enter the user interface reconfiguration mode is distinguished from the request to start an action icon based on predefined criteria. For example, if a contact is detected for a predetermined amount of time (eg, 0.5, 1, or 2 seconds) on the action icon, the device may request that the contact be put into user interface reconfiguration mode. Interpret. In contrast, when contact is detected on the action icon for less than a predetermined amount of time (eg, when the device detects a tap gesture rather than a long press gesture), the device (eg, Instead of entering the user interface reconfiguration mode (as shown in 5ZZ through FIG. 5CCCC), the application is launched (eg as shown in FIG. 5VVV through FIG. 5YYY).

  In FIG. 5AAA, the device has entered user interface reconfiguration mode. In some embodiments, the selectable user interface object (eg, action icon 5002) displays a visual indication that the device is in user interface reconfiguration mode. For example, as shown in FIG. 5AAAA, the action icons swing as if they were floating on the water (eg, each individual action icon represents the individual average position of the action icon on the display). Vibrates in the center). In addition, in some embodiments, while in the user interface reconfiguration mode, at least some of the action icons are associated with an object erase badge (eg, 5010 in FIG. 5 AAAA) and the device is the object erase badge. , The action icon associated with the delete object badge is deleted (eg, deleted) from the folder view page. In some embodiments, deleting an action icon deletes the application associated with the action icon. In some embodiments, deleting an action icon deletes the icon without deleting the application associated with the action icon.

  In some embodiments, the device detects an input corresponding to a request to move an individual icon from a page in the folder view to an individual location on a display outside the folder. For example, in FIG. 5AAA, the device detects contact 5228 at 5228-a and responds to a request to move action icon 5002-66 to the bottom area of the display while continuously detecting contact 5228. A gesture 5230 (eg, a drag gesture) is detected. As shown in FIG. 5BBBB, the action icon 5002-66 is moved (eg, dragged) to the bottom area of the display, which is a predetermined icon erase area in this example. At 5226-b, contact 5226 is released (eg, a lift-off of contact 5226 is detected) so that action icon 5002-66 is “dropped” into icon erasure area 5231. In some embodiments, the action icon is deleted from the folder view according to the determination that the individual location is within a predetermined icon deletion area. In some embodiments, erasing the action icon from the folder view results in the placement of the action icon in a different location within the user interface. For example, as shown in FIG. 5CCCC, the action icon 5002-66 is now located in the home screen while the device remains in the user interface reconfiguration mode.

  Next, an example for changing the page of an individual icon in the folder view in response to detection of an icon movement into a page change area (eg, page change area 5233-1 or next page area 5233-2). Attention is now directed to FIGS. 5ZZ and 5DDDD to 5FFFF, which show typical user interfaces. Contact 5226 moves from 5226-a to 5226-b and does not release action icon 5002-66 into icon erase area 5231, but contact 5226 moves from 5226-c (FIG. 5DDDD) and is shown in FIG. 5EEEE. From a predetermined amount of time (eg, 0.1, 0.2, 0.3, 0.4, or 0.5 seconds) at location 5226-c (eg, within page change area 5233-2) After a contact 5226 is detected for a long time, the device displays the next page in the folder view (eg, the third page in the folder view), and the device is displayed while the next page in the folder view is displayed. Upon detecting lift off of contact 5226, icon 5002-66 is moved to the next page (eg, the third page of the folder view). Except that, FIG 5DDDD is similar to FIG 5AAAA. In some embodiments, the device dynamically rearranges the arrangement of other action icons 5002 with the second page (eg, not the action icons 5002-66) in response to the movement of the action icons 5002-66. . In some embodiments, the displayed page changes as the action icon 5002-66 moves over the page change area. For example, in FIG. 5EEEE, the page change area 5233-2 is the next page change area, and as a result, the device detects the movement of the icon into the page change area 5233-2 and the second page. Transition from displaying (FIG. 5EEEE) to displaying the third page (FIG. 5FFFF). On the other hand, the page change area 5233-1 is the previous page change area, and the device displays the second page (FIG. 5EEEE) in response to detecting the movement of the icon into the page change area 5233-1. Will transition to displaying the first page (FIG. 5 CCCC). In this example, the third page of the folder view includes action icons 5002-69 and 5002-70 that originally existed in the third page of the folder view.

  FIG. 5FFFF also illustrates the release of contact 5226 (eg, lift-off of contact 5266 at location 5266-c). In this example, this is interpreted as a request by the device to drop the action icon 5002-66 into the third page of the folder view. As shown in FIG. 5GGGG, the device moves the array of action icons 5002 in the third page of the folder view to accept the addition of action icons 5002-66 while remaining in user interface reconfiguration mode. Rearrange.

  In some embodiments, while in the reconfiguration mode, the device detects an input corresponding to a request to exit the reconfiguration mode. For example, in response to detecting activation of home button 204 by contact 5234 in FIG. 5GGGG, the device exits the reconfiguration mode and returns to a normal operation mode (eg, non-reconfiguration operation, as shown in FIG. 5HHHH). Return to (Mode) and display the folder view.

  Attention is now directed to FIGS. 5HHHH-5JJJ, which shows an exemplary user interface for animating transitions from individual pages of the folder view to the home screen.

  In some embodiments, while displaying a third page (or second page, etc.) of a folder view, the device may accept an input (eg, a home button) corresponding to a request to close the folder view. Activation). In response to detecting an input corresponding to a request to close the folder view, the device stops displaying the folder view and instead displays the home screen. For example, in FIG. 5HHHH, the device detects activation of home button 204 by contact 5236. In response to the request to close the folder view, in FIG. 5IIII, the device displays a home screen page that includes a folder icon 5004-12 corresponding to the folder view. In some embodiments, while displaying the home screen, the folder icon for the folder includes a reduced representation of the action icon in the now coming page of the folder view. In some embodiments, the device displays an animated transition between FIG. 5HHHH and FIG. 5IIII. The animated transition is similar to the inverse of the animation displayed in FIGS. 5QQQ-5TTT, except that the folder view has a different reduced representation displayed on the third page of the folder view. The folder view has a different appearance, so the appearance of the folder icon when it is reduced in size includes the reduced representation shown in FIG. 5IIII. For example, FIG. 5HHHH shows a third page of the folder view that includes action icons 5002-69, 5002-70, 5002-66. Upon leaving the folder view from the third page and selecting and navigating the home screen (FIG. 5IIII), the folder icons 5004-12 include reduced representations of action icons 5002-69, 5002-70, 5002-66.

  In some embodiments, as shown in FIG. 5JJJJ, the device uses a reduced representation of the first page of action icons instead of a reduced representation of the third page of action icons in the folder. Transition to displaying within 12.

  Attention is now directed to FIGS. 5JJJJ-5LLLL, which illustrate exemplary user interfaces for navigating to different pages of selectable user interface objects. In some embodiments, the device inputs corresponding to a request to display different pages of the selectable user interface object in a plurality of separately displayed pages of the selectable user interface object. Is detected. For example, FIG. 5JJJJ shows the detection of the start of gesture 5238 at 5238-a. FIG. 5KKKK shows how the gesture 5238 ends at 5238-b (eg, by detecting gesture lift-off). As also shown in FIG. 5 KKKK, in response to the gesture, which is a swipe gesture in this example, the device displays an animated transition between the third page and the second page, and optionally If, on the other hand, the transition is not complete when contact 5238 lift-off is detected, the device stops displaying the third page and instead displays the second page (shown in 5LLLL). In order to complete the animated transition.

  6A-6E are flow diagrams illustrating a method 600 for creating a new folder, according to some embodiments. The method 600 is performed in a multifunction device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) that includes a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display (eg, 112 in FIGS. 5A-5N, 5P-5LLLL), and the touch-sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 600 may be combined and / or the order of some operations may be changed.

  As described below, the method 600 provides an intuitive way to create a new folder. This method reduces the user's cognitive burden when creating a new folder, thereby creating a more efficient human-machine interface. In the case of battery-powered computing devices, allowing users to create new folders faster and more efficiently saves power and increases battery charge intervals.

  The device displays a plurality of selectable user interface objects on the display (602) (eg, in FIG. 5M, the device displays a plurality of action icons 5002 and a plurality of folder icons 5004 on the touch screen 112). . In some embodiments, the selectable user interface object is an action icon 5002 (604). For example, the action icon 5002 may be an activatable icon representing a software program (eg, photo application icon 5002-1, clock application icon 5002-2, browser application icon 5002-3, solitaire application icon 5002-4, weather application Icon 5002-5, Memo application icon 5002-6, Text application icon 5002-7, Map application icon 5002-8, Stock application icon 5002-9, Camera application icon 5002-12, Racing application icon 5002-13, Email application Icon 5002-14, phone application eye 5002-15, iPod application icon 5002-16), an activatable icon representing a file (eg, document action icon 5002-11), an activatable icon representing a bookmark (eg, bookmark action icon 5002). 10) One or more activatable icons representing other things may be included. Similarly, the first folder icon 5004-1-b is associated with the first folder, while the second folder icon 5004-2 is associated with the second folder.

  In response to detecting an input corresponding to the selection of the individual selectable user interface object, the device activates (606) the application associated with the individual selectable user interface object. In some embodiments, the application is activated only when the device is in normal operating mode. For example, selecting the solitaire application icon 5002-1 in FIG. 5A (eg, while the device is in normal operating mode) would launch a solitaire game application. It should be understood that if the action icon 5002 represents a file, and upon detecting an input corresponding to the selection of the action icon, an application used to view and / or edit the file is displayed. For example, if the device detects an input (eg, a tap gesture) corresponding to the selection of a bookmark icon (eg, 5002-10 in FIG. 5A) associated with the bookmarked web page, the device Will navigate to the bookmarked web page. As another example, if the device detects an input corresponding to the selection of a document icon (eg, 5002-11 in FIG. 5A) associated with a spreadsheet document, the device may activate a spreadsheet editing / viewing application. Launch and display the spreadsheet document in a spreadsheet editing / viewing application. In some embodiments, the action icon is an application launch icon, and selecting the action icon launches the application if the application is not currently running, or the application is currently running, If it is hidden from view, the application is displayed. In other words, in response to detecting the selection of the action icon, the device displays a view of the application. However, if the application is not running when input is detected, the device must first launch the application, whereas if the application is already running when input is detected. The device can simply display the current view of the application and there is no need to launch the application.

  The device detects a first input (608). For example, as shown in FIG. 5M, the device may have a location on the touch-sensitive surface (eg, first location 5040-a in FIG. 5M) that corresponds to the first object (eg, solitaire application icon 5002-4). , And a subsequent movement 5042 of the finger contact across the touch-sensitive surface (eg, to the second location 5040-b in FIG. 5N). In some embodiments, the first input is a gesture (eg, finger drag gesture) detected on the touch-sensitive surface (610). In some embodiments, the touch-sensitive surface is separate from the display. In some embodiments, the touch-sensitive surface is combined with the display as touch screen 112.

  In response to detecting the first input, the device displays a first object in the plurality of selectable user interface objects in proximity to a second object in the plurality of selectable user interface objects ( For example, 612 is moved across the display (eg, touch screen 112) to a location on touch screen 112). For example, in FIG. 5N, the solitaire application icon 5002-4 is from the previous location to the current location (eg, 5002-4 in FIG. 5N) in proximity to the second object (eg, the racing application icon 5002-13 in FIG. 5N). Moved to). In some embodiments, the location is on or at least partially overlaps the second object, or the activation area for the second object, as shown in FIG. 5N. In the figure, the solitaire application icon 5002-4 partially overlaps the racing application icon 5002-13. In some embodiments, the location is over or at least partially overlaps the activation area for the second object, as will be described in more detail below with reference to method 900. .

  The device detects that the first input meets a predetermined folder creation criteria while the first object is in proximity to the second object (614). In some embodiments, detecting that the first input meets a predetermined folder creation criterion detects the end of the first input while the first object is proximate to the second object. (616). For example, in FIG. 5N, the device detects a lift-off of contact 5040-b while the solitaire application icon 5002-4 overlaps the racing application icon 5002-13. As another example, in FIG. 5N, the device may have a predetermined period of time (eg, 0.5 seconds, 1 second, 1.5 seconds) while the solitaire application icon 5002-4 overlaps the racing application icon 5002-13. Or a pause in contact 5040 is detected for a longer period of time. In some embodiments, as described in more detail above, when the first input is detected, the device is in user interface reconfiguration mode (ie, not in normal operating mode) ( 618). In addition, in some embodiments, selectable user interface objects cannot be moved (eg, repositioned within an array of selectable user interface objects) when the device is in a normal operating mode. I want you to understand that I can't.

  In response to detecting that the first input meets the predetermined folder creation criteria (620) while the first object is proximate to the second object, operations 622-636 are performed. In some embodiments, in response to detecting that the first input meets the default folder creation criteria of the first input while the first object is in proximity to the second object, ( For example, as shown in FIGS. 5N and 5S, display of the first object and the second object is stopped (622). For example, in FIG. 5S, the device has detected that the first input meets the default folder creation criteria (eg, by detecting the end of input or pause of input for longer than a predetermined period of time). Later, the solitaire application icon 5002-4 and the racing application icon 5002-13 previously displayed in FIG. 5N are no longer displayed in FIG. 5S. Instead, a folder icon 5004-7 representing a folder including a solitaire application icon and a racing application icon is displayed. In some embodiments, stopping the display of the second object includes displaying an animation in which the second object is transformed into a folder icon corresponding to the folder. For example, in FIG. 5S, the folder icon 5004-7 has replaced the racing application icon 5002-13 of FIG. 5N. In some embodiments, a reduced representation of the first object and / or the second object is displayed in the folder icon, as described in more detail below with reference to FIGS. 11A-11C. For example, in FIG. 5S, the folder icons include reduced representations (eg, “O” and “S”) of solitaire application icons 5002-4 and racing application icons 5002-13, respectively.

  The device creates a folder containing the first object and the second object (624). In some embodiments, creating the folder (eg, as described in more detail below with reference to method 1100) includes displaying a folder icon representing the folder (626). . For example, as shown in FIG. 5S, the device creates a folder including a solitaire application icon 5002-4 and a racing application icon 5002-13, and displays a folder icon 5004-7. In some embodiments, as described in more detail below with reference to method 700, folder icons may be action icons such as other selectable objects (eg, application icons, bookmark icons, document icons, etc.). ) And different characteristics. In some embodiments, the folder icon is displayed 628 at a location on a display (eg, touch screen 112) previously occupied by the second selectable object. For example, in FIG. 5N, the racing application icon 5002-13 was the last selectable user interface object (eg, from left to right, top to bottom) in the array of selectable user interface objects. In contrast, in FIG. 5S, a folder icon 5004-7 containing the racing application icon 5002-13 is displayed as the last selectable user interface object in the array of selectable user interface objects. In some embodiments, displaying the folder icon includes displaying an animation in which the second selectable object changes (eg, morphs) to the folder icon (630). In some embodiments, existing folders cannot be combined in this way. For example, the device detects an input corresponding to dragging a first folder (eg, 5004-2 in FIG. 5N) onto a second folder (eg, 5004-1-b in FIG. 5N). Even so, the device will not add the first folder to the second folder.

  In some embodiments, after creating the folder, the device automatically displays 632 a folder view that includes the contents of the folder. For example, in response to detecting that the first input meets predefined folder creation criteria, the device automatically moves from the user interface displayed in FIG. 5N to the user interface displayed in FIG. 5Y. The device displays a folder view (eg, an area 5092 that includes a solitaire application icon 5002-4 and a racing application icon 5002-13 as shown in FIG. 5Y).

  In some embodiments, after detecting the first input, the device displays a plurality of user interface objects in a first arrangement on the display. For example, in FIG. 5X, selectable user interface objects (eg, action icon 5002 and folder icon 5004) are displayed in a two-dimensional grid array, and each selectable user interface object has an individual position in the grid array. . In some of these embodiments, after creating the folder, the device displays 634 a folder view (eg, 5092 in FIG. 5Y) on a display (eg, touch screen 112). In some embodiments, displaying the folder view includes displaying a first object and a second object in the folder view. It should be understood that an individual folder view is a portion of a display (eg, touch screen 112) that contains the contents of the folder. For example, a region 5078 in FIG. 5T, a shaded region 5092 in FIGS. 5Y to 5Z, a shaded region 5106 in FIGS. 5DD to 5GG, a shaded region 5138 in FIGS. 5TT to 5UU, a shaded region 5148 in FIG. The shaded area 5158 in 5YY to 5ZZ, the shaded area 5170 in FIGS. 5EEE to 5FFF, and the shaded area 5212 in FIG. 5PPP are all folder views that are part of the display (eg, touch screen 112). In some embodiments, the folder view is nearly all of the display (eg, touch screen 112). For example, region 5080 in FIG. 5U and region 5182 in FIGS. 5GGG to 5III, 5KKK, and 5MMM are folder views that are almost all (or all) of the display (eg, touch screen 112).

  In some embodiments, the device displays an animated transition from the first array to the folder view (eg, as described in more detail below with reference to method 1200). In some embodiments, displaying the folder view may include a folder icon (eg, 5004-7 in FIG. 5Y), and a first array of locations to indicate the location of the folder icon in the first array. Displaying at least a portion of the representation (636). For example, in FIG. 5Y, selectable user interface objects (eg, 5002-1, 5002-2, 5002-3, 5002-5, 5002-6) that were displayed above the folder icon (eg, in FIG. 5X). , 5002-7, 5002-8, 5002-6, 5004-1-b 5002-10, 5002-11, and 5002-12) are still displayed above the folder icon 5004-7, while the folder Selectable user interface objects (eg, 5002-14, 5002-15, 5002-16, 5004-2) that were displayed below the icon 5004-7 are no longer displayed below the folder icon 5004-7.

  In some embodiments, while the device is in a normal operating mode, selectable user interface objects can include one or more action icons (eg, 5002 in FIG. 5OO) and one or more folder icons (eg, 5 (in FIG. 5OOO) (638). In some of these embodiments, the device detects a second input (640). In some embodiments, in response to detecting the second input, if the second input corresponds to a request to select an individual action icon, the device may If the associated application is activated and the second input corresponds to a request to select a folder icon, the device displays a folder view that includes the contents of the folder associated with the folder icon (642). ). For example, in FIG. 5OOO, a tap gesture at a location on a touch-sensitive surface (eg, touch screen display 112) that corresponds to the location of an action icon (eg, photo application icon 5002-9) on the display (eg, touch screen 112). 5208 activates the application (eg, photo application) associated with the action icon, while the folder icon (eg, folder icon 5004-7 in FIG. 5OOO) on the display (eg, touch screen 112). Detect tap gesture 5210 at a location on a touch-sensitive surface (eg, touch screen 112) at a location corresponding to the location Particular response, the device displays the folder view 5212 that includes the contents of the folder associated with the folder icon 5004-7 (e.g., action icons 5002-9,5002-4,5002-13,5002-8).

  In some embodiments, after creating the folder, the device displays a folder view that includes the contents of the folder and displays an object deletion area (644). For example, in FIG. 5Y, the object erase area is the first portion 5084 of the display (eg, touch screen 112). As another example, in FIGS. 5GGG-5HHH, object erase region 5184 is an independently identified portion of a display (eg, touch screen 112). As yet another example, in FIG. 5WW, the portions of the display (eg, touch screen 112) above and below the folder view 5148 are both object erase areas. In some embodiments, the folder view includes an object deletion area (eg, folder view 5182 having object deletion area 5184 in FIGS. 5GGG-5HHH). In some embodiments, the object erase area is outside the folder view (eg, in FIG. 5Y, the object erase area 5084 is outside the folder view 5092). In some embodiments, the object erase area is always displayed (eg, the object erase area is a portion of the home screen that is displayed while displaying the folder view). In some embodiments, the object erase area is displayed only during the icon reconstruction mode (eg, the object erase area is not displayed in FIG. 5S, whereas in FIG. 5Y, the object erase area 5084 is displayed. Is displayed above the folder view 5092). In some embodiments, the object erasure area is only displayed during the icon reconstruction mode while currently detecting input corresponding to a request to move the object (eg, in FIG. 5GGG, the object The erase area 5184 is displayed only when the device detects the movement of the contact 5186 across the touch-sensitive surface).

  In some embodiments, while displaying the folder view, the device detects a second input corresponding to a request to move each selectable user interface object into the object erasure area ( 646) In response to detecting the second input, the device deletes the individual selectable user interface objects from the folder (648). For example, in FIG. 5Y, the device has a contact 5100-a at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to a solitaire application icon 5002-4 and a first of a display (eg, touch screen 112). Subsequent movement 5102 of contact across a touch-sensitive surface (eg, touch screen 112) into a partial object erase region 5084 is detected. Continuing with the example, in response to detecting this gesture, the device erases the solitaire application icon 5002-4 from the folder and folder view 5092 as shown in FIG. 5Z and as shown in FIG. 5AA. Return the solitaire application icon 5002-4 to the first array of selectable user interface objects.

  In some embodiments, prior to detecting the first input, a plurality of user interface objects are displayed (650) on a display (eg, touch screen 112) in a first arrangement, and the second input is In response to a request to move an individual selectable user interface object into the object erasure area and upon detecting the end of the second input, the device stops displaying the folder view and allows individual selection A user interface object is displayed at a predetermined location in the first array (eg, at the end of the first array or at the first empty location in the first array) (652). In other words, in some embodiments, the second input includes a touch at a location on the touch-sensitive surface corresponding to the location of each selectable user interface object, on the display (eg, touch screen 112). Lateral movement on the touch-sensitive surface (eg, touch screen 112) corresponding to movement on the display (eg, touch screen 112) toward the location of the touch-sensitive surface (eg, touch screen 112) corresponding to the object erase region Corresponds to flick gestures including. For example, in FIG. 5VV, the device displays a first array of selectable user interface objects (eg, action icons 5002 and folder icons 5004), and in FIG. 5WW, the device displays a display (eg, touch screen 112). On a touch 5152 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the location of app-1 application icon 5002-19 above, and on a display (eg, touch screen 112) external to folder view 5148 A gesture is detected that includes a movement 5154 of contact to a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the location. In this example, in response to detecting the gesture, the device stops displaying the folder view and displays the app-1 application icon 5002-19 in the first array, as shown in FIG. 5XX.

  In some embodiments, prior to detecting the first input, a plurality of user interface objects are displayed on the display in a first arrangement (650) and the device is on the display (eg, touch screen 112). If the device continues to detect a second input at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of the object erase area for a predetermined amount of time, the device stops displaying the folder view. The device detects the end of the second input at an individual location on the touch-sensitive surface (eg, touch screen 112) corresponding to a location on the display (eg, touch screen 112) that is in the first array. (654), in response to detecting the end of the second input, Scan displays individual selectable user interface objects in individual locations in the first array (656). In other words, in some embodiments, the second input moves into an area on the touch-sensitive surface (eg, touch screen 112) that corresponds to an object erase area on the display (eg, touch screen 112). Corresponds to tap and drag gestures involving contact. For example, in FIG. 5XX, selectable user interface objects (eg, action icon 5002 and folder icon 5004) are arranged in a first array, and in FIG. 5YY, the device exits from the folder view 5158 and deletes object area 5084 A second input corresponding to the movement of the app-4 application icon 5002-22 entering the inside (eg, a gesture including a contact 5162 and a movement of contact 5164 on the touch screen 112) is detected. In this example, in response to detecting a pause in contact (eg, 5162-b in FIG. 5ZZ) within the object erase region, the device displays the folder view 5158 (eg, as shown in FIG. 5AAA). Stop, display the first array, and detect subsequent movement of contact (eg, 5166) within the first array on the touch screen 112. In this example, when the device detects an end (eg, lift-off of contact 5162-c from touch screen 112 in FIG. 5BBB), the device app when the end of input is detected, as shown in FIG. 5CCC. The app-4 application icon 5002-22 is displayed at the location in the first array corresponding to the location of the -4 application icon 5002-22.

  In some embodiments, after creating the folder, the device responds to a request to move the individual selectable user interface objects of the first object and the second object out of the folder. If an input is detected (658) and a second input is detected before the creation of the folder is confirmed, the device deletes the folder and redisplays the first object and the second object (660). ). For example, in FIG. 5Y, the first input that the device detects after creating the folder is created by dragging the solitaire application icon 5002-4 and the solitaire application icon 5002-4 over the racing application icon 5002-13. The input corresponding to the request to move out of the designated folder (for example, the contact 5100 and the contact movement 5102 on the touch screen 112). In this example, the input is received before the creation of the folder is confirmed, so after the solitaire application icon 5002-4 has been moved out of the folder, the device is shown in FIG. Delete the folder 5004-7 in 5AA and redisplay the racing application icon 5002-13 on the display (eg, touch screen 112).

  In some embodiments, the first object is an individual object that is moved out of the folder, and deleting and redisplaying the folder is based on the second input. Display in a location on a display (eg, touch screen 112) determined and the second object to a location on the display (eg, touch screen 112) previously occupied by the folder icon of the folder. Display (662). Continuing with the example described above with reference to FIGS. 5AA and 5CC, the device in FIG. 5AA displays a folder icon 5004-7 for a selectable user interface object on the display (eg, touch screen 112). In FIG. 5CC, the racing application icon 5002-13 has replaced the folder icon 5004-7 at the left end of the fourth line of the selectable user interface object. In some embodiments, displaying the second object includes displaying an animation in which the folder icon changes (eg, morphs) to the second object (664). For example, in FIG. 5BB, the device displays an animation 5104 where the racing application icon 5002-13 extends to fill the space previously occupied by the folder icon 5004-7 (eg, as shown in FIG. 5AA).

  In contrast, if the second input is detected after confirmation of the creation of the folder, the device displays individual objects outside the folder while continuing to display the folder. For example, as shown in FIG. 5DD, when the creation of a folder is confirmed, even if a single application icon is deleted from the folder (for example, the solitaire application icon 5002-4 in FIG. 5EE is touched). The folder is not deleted (even if it is deleted in response to detecting 5112 and the movement of contact 5114). On the contrary, in this example, the folder (for example, 5004-7 in FIG. 5FF) is continuously displayed. In other words, in some embodiments, after confirmation of folder creation, the folder is deleted only when the last icon is deleted, and when the last icon is deleted, the folder (e.g., Instead of going back to one of the action icons.

  In some embodiments, the creation of the folder is confirmed (668) when the device detects an input corresponding to a request to perform an action to manipulate the folder. Such actions include, but are not limited to, opening a folder (670), closing a folder (672), moving a folder (674), renaming a folder (676), adding Adding a selectable user interface object to a folder (678), entering a user interface reconfiguration mode (680), and exiting a user interface reconfiguration mode (682). In some embodiments, the creation of the folder is confirmed when the device receives another default input corresponding to a request to manipulate the folder. In other words, the creation of the folder is confirmed by an action that indicates that the creation of the folder is intended and not accidental.

  Methods 700, 800, 900, 1000, 1100, 1200, 1300 (eg, FIGS. 7A-7C, 8A-8C, 9A-9B, 10A-10B, 11A-11C, 12A-12 It should be noted that other process details described herein with respect to FIGS. 12E, 13A-13E and 5A-5LLLL are also applicable in a manner similar to method 600 described above. For example, selectable user interface objects (eg, action icon 5002 and folder icon 5004) described with reference to FIGS. 6A-6E can be used in methods 700, 800, 900, 1000, 1100, 1200, or 1300. Having one or more of the characteristics of various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference to any of them May be. These details are not repeated here for the sake of brevity.

  7A-7C are flow diagrams illustrating a method 700 for managing folder icons and action icons, according to some embodiments. The method 700 is performed on a multifunction device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) that includes a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display and the touch sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 700 may be combined and / or the order of some operations may be changed.

  As described below, the method 700 provides an intuitive way to manage folder icons and action icons. The method reduces the user's cognitive burden when managing folder icons and action icons, thereby creating a more efficient human-machine interface. In the case of a battery-powered computing device, allowing the user to manage folder icons and action icons faster and more efficiently saves power and increases battery charge intervals.

  The device displays one or more action icons (eg, application icons and other activatable icons other than folder icons) and one or more folder icons in parallel on the display (702). The device may be in a normal operating mode for activating an application (eg, as shown in FIGS. 5A, 5L, 5OOO-5PPP), as well as (eg, FIGS. 5B-5K, 5M-5N, It has a user interface reconfiguration mode for rearranging action icons and folder icons on the display (as shown in FIGS. 5P-5NNN). In some embodiments, while the device is in user interface reconfiguration mode, the device is in user interface reconfiguration mode and selectable user interface objects (eg, action icon 5002 and folder icon). In order to indicate that 5004) can be moved around the display, selectable user interface objects (eg, action icon 5002 and folder icon 5004) oscillate about the individual average positions.

  The device detects a first input (eg, tap gesture 5155 in FIG. 5XX, tap gesture 5156 in FIG. 5XX, tap gesture 5208 in FIG. 5OO, or tap gesture 5210 in FIG. 5OO) (704). In some embodiments, the first input is a tap gesture (eg, folder icon 5004-1-) at a location on a touch-sensitive surface (eg, touch screen 112) that corresponds to the location of an individual folder icon on the display. b) in the location corresponding to b, or the tap gesture 5210 in FIG. 5OOO at the location corresponding to the folder icon 5004-7 on the touch screen 112), the first input is an individual Responding to a request to select a folder icon (706). In some embodiments, the first input is a tap gesture (eg, camera application icon icon 5002-) at a location on a touch-sensitive surface (eg, touch screen 112) that corresponds to the location of an individual action icon on the display. 12 in the location corresponding to 12, or the tap gesture 5208 in FIG. 5OO at the location corresponding to the photo application icon 5002-1 on the touch screen 112), the first input is the individual In response to a request to select an action icon (708).

  In response to detecting the first input, operations 712-718 and 744-766 are performed (710).

  In some embodiments, the device determines whether the first input is a request to select an action icon to select a folder. If the first input is a request to select an action icon (712), the device performs the operations described in more detail below with reference to operations 744-766. In contrast, if the first input is a request to select an action icon (714), the device performs the operations described in more detail below with reference to operations 716-742. .

  If the device determines that the first input corresponds to a request to select an individual folder icon of one or more folder icons (716), is the device in normal operating mode or user Regardless of whether in interface reconfiguration mode, the device displays the contents of the folder associated with the individual folder icon (718). For example, in FIG. 5XX, while the device is in the user interface reconfiguration mode, the device detects a tap gesture 5156 at the location corresponding to the folder icon 5004-1-b and detects the tap gesture 5156. In response, the device displays a folder view 5158 for the folder associated with the folder icon 5004-1-b, as shown in FIG. 5YY. Similarly, in FIG. 5OOO, while the device is in normal operating mode, the device detects a tap gesture 5210 at the location corresponding to the folder icon 5004-7, and in response to detecting the tap gesture 5210, The device displays a folder view 5212 for the folder associated with the folder icon 5004-7, as shown in FIG. 5 PPP.

  In some embodiments, the folder icon can also be moved in response to a folder repositioning input while the device is in user interface reconfiguration mode. For example, in FIG. 5QQ, the device has a touch 5132 at a location on the touch-sensitive surface (eg, touch screen 112) corresponding to the location of the folder icon 5004-7 on the display (eg, touch screen 112), and the touch-sensitive surface. A subsequent movement 5134 of contact across (eg, touch screen 112) is detected. In response to detecting the input, the device selects a folder icon 5004-7 from the selectable user interface object on the display (eg, touch screen 112) determined based on the input, as shown in FIG. 5SS. Move to a location in the array. In some embodiments, the folder icon cannot be repositioned while the device is in normal operating mode. In other words, if the same gesture is performed while the device is in normal operating mode, it will not cause the device to reposition the folder icon within the array of selectable user interface objects.

  In some embodiments, displaying the contents of the folder associated with the individual folder icon includes displaying 720 a plurality of action icons (eg, in FIG. 5YY, the device is the action icon 5002- 20, 5002-21, 5002-21, 5002-22, 5002-23, 5002-24, and 5002-25 are displayed in the folder view 5158, or in FIG. 5 PPP, the device is an action icon 5002-9, 5002. -4, 5002-13, and 5002-8 are displayed in the folder view 5212). In some of these embodiments, the device detects selection of individual action icons within the plurality of action icons (724). In some of these embodiments, operations 728-734 are performed 726 in response to detecting selection of individual action icons. In some embodiments, the device determines whether the device is in a normal operating mode or a user interface reconfiguration mode. In some of these embodiments, while the device is in normal operating mode (728), the device activates (730) the application associated with the individual action icon (eg, FIG. 5 PPP). Then, when the device detects a tap gesture 5214 at the location corresponding to the stock quote application icon 5002-9, in response, the device activates the stock quote application associated with the stock quote application icon 5002-9), device While in the user interface reconfiguration mode (732), the device continues to display the individual action icons without activating the application associated with the individual action icon ( 34). For example, in FIG. 5YY, the device displays a tap gesture 5161 at a location on a touch-sensitive surface (eg, touch screen 112) that corresponds to the location of app-7 application icon 5002-25 on the display (eg, touch screen 112). In response, in response, the device does not activate any application associated with the app-7 application icon 5002-25.

  In some embodiments, the action icon in the folder is moved in response to an action icon move input while the device is in user interface reconfiguration mode. For example, in FIG. 5TT, while the device is in user interface reconfiguration mode, the device is in the location of the stock quote application icon 5002-9 on the display (eg, touch screen 112) as shown in FIG. 5TT. Touch 5140 at a location on a corresponding touch-sensitive surface (eg, touch screen 112), and touch-sensitive surface (eg, touch screen 112) corresponding to a location on a display (eg, touch screen 112) within folder view 5138. An action icon movement input is detected that includes a subsequent movement 5142 of contact to the above location. In response to the action icon movement input, the device displays the stock price application icon 5002-9 in the folder view 5138 based on movement of the input on the touch-sensitive surface (eg, touch screen 112), as shown in FIG. 5UU. Move to a new position in the array of selectable user interface objects.

  In some embodiments, the first input corresponds to a request to select an individual folder icon, and the device is in user interface reconfiguration mode when the first input is detected. In some of these embodiments, while in user reconfiguration mode (736), the device displays the contents of the folder (738). In some of these embodiments, after displaying the contents of the folder, the device detects a second input (740), and in response to detecting the second input, the device is in the folder view. The display is stopped (742). For example, in FIG. 5SS, the device detects a first input (eg, tap gesture 5136) at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to folder icon 5004-7 and detects the tap gesture. In response, the device may display a folder view (eg, action icons 5002-9, 5002-4, 5002-13, and 5002-8) that includes the contents of the folder associated with the folder icon 5004-7. 5TT to 5138 in FIG. 5TT to FIG. 5UU are displayed on a display (eg, touch screen 112). While displaying the folder view 5138, the device may receive a second input (eg, tap gesture 5144) (eg, a folder) at a location on a touch-sensitive surface (eg, touch screen 112) that is external to the folder view 5138. In response to detecting a second input and detecting a tap gesture located in the area of the touch screen 112 below the view, the device may display a display (eg, touch screen 112 as shown in FIG. 5VV). ) Stop displaying the folder view above.

  The device may request that the first input be an individual action icon of one or more action icons (eg, tap gesture 5155 in FIG. 5XX at a location corresponding to camera application icon 5002-12, or It is determined that it corresponds to the tap gesture 5208 in FIG. 5OOO at the location corresponding to the photo application icon 5002-1 (744). In some embodiments, the device determines whether the device is in a normal operating mode or a user interface reconfiguration mode. If the device is in normal operating mode (746), in response to detecting the first input, the device performs operations 750-756 as described in more detail below. In contrast, if the device is in user interface reconfiguration mode (748), in response to detecting the first input, the device operates 758- as described in more detail below. 766 is executed.

  In some embodiments, if the device is in a normal operating mode (750), operations 752-756 are performed. The device activates (752) the application associated with the individual action icon. For example, in FIG. 5OOO, the device detects a tap gesture 5208 at a location on a touch-sensitive surface (eg, touch screen 112) that corresponds to the location of the photo application icon 5002-1 on the display (eg, touch screen 112). In response to detecting tap gesture 5208, the device activates the photo application associated with photo application icon 5002-1. In some embodiments, while the device is in normal operating mode, the function of the individual action icon associated with the individual application is to activate the individual application (754) (eg, , Action icons are application launch icons), and application icons and folder icons cannot be rearranged on the display during normal operation mode (756) (eg, an array of selectable user interface objects) The relative position of selectable user interface objects in is fixed). The array of selectable user interface objects may be scrolled, turned, or otherwise translated across the display (eg, touch screen 112), but the device performs these operations In this regard, it should be understood that these operations do not involve any rearrangement of the selectable user interface objects since the relative position of the individual selectable user interface objects relative to each other remains unchanged.

  If the device is in user interface reconfiguration mode (758), operations 760-766 are performed. The device continues to display the individual action icons (760) without activating the application associated with the individual action icon. For example, in FIG. 5XX, the device detects a tap gesture 5155 at a location corresponding to the camera application icon 5002-12, and in response to detecting the tap gesture 5155, the device is associated with the photo application icon 5002-12. Without activating the current camera application, it simply continues to display an array of selectable user interface objects, as shown in FIG. 5XX. In some embodiments, the action icon can also be moved by a tap and drag gesture. For example, in FIG. 5XX, if the device detects a subsequent movement of contact 5155 across the touch-sensitive surface (eg, touch screen 112), the device responds to detecting the movement with an action icon 5002-12. Will move across the display (eg, touch screen 112) according to the movement.

  In some embodiments, individual action icons are prevented from being used to activate individual applications (762) (eg, camera) while the device is in user interface reconfiguration mode. A request to select application icon 5002-12 cannot activate the application icon). In some embodiments, while the device is in user reconfiguration mode, one or more of the action icons includes a delete area to delete the action icon, whereas a folder icon Neither includes a deletion area for deleting a folder icon (764). For example, the device may be associated with a plurality of action icons (eg, 5002-4, 5002-5, 5002-6, 5002-7, 5002-10, 5002-11, and 5002-13) in FIG. 5B. The erase badge 5010 is displayed but does not show the object erase badge associated with any of the folder icons (eg, 5004-1-b or 5004-2). In some embodiments, the device detects a delete input (eg, tap gesture 5011 in FIG. 5B) that includes selection of individual delete areas for individual action icons and an individual action icon (eg, a weather application). The icon 5002-5) is deleted. In some embodiments, one or more of the action icons do not include a delete area. For example, in FIG. 5B, a plurality of action icons (eg, action icons 5002-1, 5002-2, 5002-3, 5002-9, 5002-12, 5002-14, 5002-15, and 5002-16). Are associated with applications that provide access to the basic functionality of the device (eg, phone, email, camera, web browser) and therefore cannot be deleted by the device during the user interface reconfiguration mode . In some embodiments, during user interface reconfiguration mode, application icons and folder icons are displayed (eg, touch screen) in response to detected input, as described in more detail above. 112) can be rearranged (766).

  Methods 600, 800, 900, 1000, 1100, 1200, 1300 (e.g., FIGS. 6A-6E, 8A-8C, 9A-9B, 10A-10B, 11A-11C, 12A- Note that other process details described herein with respect to FIGS. 12E, 13A-13E, and 5A-5LLLL are also applicable in a manner similar to method 700 described above. For example, selectable user interface objects (eg, action icon 5002 and folder icon 5004) described with reference to FIGS. 7A-7C can be used in methods 600, 800, 900, 1000, 1100, 1200, or 1300 Having one or more of the characteristics of various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference to any of them May be. These details are not repeated here for the sake of brevity.

  8A-8C are flow diagrams illustrating a method 800 for naming a new folder, according to some embodiments. The method 800 is performed in a multifunction device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) that includes a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display and the touch sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 800 may be combined and / or some operations may be reordered.

  As described below, the method 800 provides an intuitive way to name a new folder. This method reduces the user's cognitive burden when naming new folders, thereby creating a more efficient human-machine interface. In the case of battery-powered computing devices, allowing users to name new folders faster and more efficiently saves power and increases battery charge intervals.

  The device receives input corresponding to a request to create a folder containing the first item and the second item (802) (eg, the item is an icon on the display or other selectable user interface object) Application, software program, or file. In some embodiments, the folder initially contains only the first item and the second item (ie, the first item and the second item are the first two items in the folder). In some embodiments, a request to create a folder that includes the first item and the second item is a request (eg, as described in more detail above with reference to method 600). An input corresponding to a request to move one item closer to the second item or to drag the first item onto the second item is included (804). For example, in FIG. 5M, the device is located on a touch-sensitive surface corresponding to the location of the solitaire application icon 5002-4 on the display (eg, touch screen 112) (eg, the first on touch screen 112 in FIG. 5M). Contact 5040 at contact location 5040-a) and subsequent movement 5042 of contact across the touch-sensitive surface (eg, movement of contact across touch screen 112 to second location 5040-b in FIG. 5N) is detected. In response to detecting the input, the device moves the solitaire application icon 5002-4 closer to (or above) the racing application icon 5002-13, as shown in FIG. 5N. In this example, as shown in FIGS. 5O and 5S, the device detects a predetermined folder creation criteria (eg, the end of contact 5040-b in FIG. 5N), and a solitaire application icon 5002-4 and a racing application icon 5002 -13 is created, and a folder icon 5004-7 for the folder is displayed on the display (e.g., touch screen 112). As another example, the device may include a first input that selects a first item, a second input that selects a second item, and a third input corresponding to a command to perform a new folder creation operation. (Eg, clicking on a “new folder” command in a file browser or context menu, etc.).

  In response to receiving the input, operations 808-844 are performed (806). The device creates a folder containing the first item and the second item (808). The device determines a first plurality of descriptors (eg, “game”, “card game”, “solitaire game”) associated with the first item (810). The device also determines a second plurality of descriptors (eg, “game”, “action game”, “racing game”) associated with the second item (812). In some embodiments, the device determines whether there is a common descriptor shared by the first plurality of descriptors and the second plurality of descriptors. Continuing the example from above, both the solitaire application and the racing application are associated with a common descriptor “game”. If there is a common descriptor (814), the device performs operations 824-844, as described in more detail below.

  In some embodiments, if there are no common descriptors (816), the device determines that the first plurality of descriptors and the second plurality of descriptors do not share any common descriptors. (818) The device automatically generates a folder name for the folder based on the descriptors from the first plurality of descriptors (820), and an icon for the folder is automatically generated. It is displayed on the display together with the folder name (822). In other words, the folder name for the folder is determined based on the descriptor of only one of the two items initially added to the folder. In some embodiments, the descriptor is the first item selected to be added to the folder (eg, if more than one item is selected before the folder is created). Is a descriptor. In some embodiments, the descriptor is a descriptor of the first item added to the folder. For example, in FIG. 5O, the camera application associated with the camera application icon 5002-12 is associated with descriptors such as “photo” and “camera management”, while the stock price application icon 5002-9 The associated stock price application has descriptors such as “utility” and “financial management”. In this example, the two application icons are associated with the application and do not share any descriptors. Therefore, in this example, the folder created by dragging the camera application icon 5002-12 so as to be close to the stock price application icon 5002-9 is named “Photo” folder 5004-10, The folder created by dragging the stock price application icon 5002-9 so as to be close to the camera application icon 5002-12 is named “utility” folder 5004-11. In other words, in some embodiments, if two items are used to create a folder that does not share any common descriptors, the resulting folder name is the item (eg, to the application). Depends on the order in which the associated icons) are selected.

  The device may determine that the first plurality of descriptors and the second plurality of descriptors share at least a first common descriptor (824). For example, in FIG. 5O, the solitaire application associated with the solitaire application icon 5002-4 is associated with descriptors such as “game”, “card game”, “solitaire game”, etc., whereas the racing application icon The racing application associated with 5002-13 has descriptors such as “game”, “action game”, and “racing game”. In this example, the two application icons are associated with applications that share only a single descriptor (eg, “game”), and therefore that descriptor is selected as the common descriptor. In some embodiments, the first plurality of descriptors and the second plurality of descriptors share one or more sets of descriptors. Descriptors in the shared set of one or more descriptors have various levels of specificity, and the most specific descriptor in the shared set of one or more descriptors is the first common description by the device. Selected as a child (826). For example, in FIG. 5O, the car racing application associated with the car racing application icon 5002-17 is associated with descriptors such as “game”, “action game”, “racing game”, and the like. The air race application associated with the application icon 5002-18 has descriptors such as “game”, “action game”, and “racing game”. In this example, the two application icons are associated with an application that shares multiple descriptors (eg, “game”), and therefore the most specific descriptor (eg, “racing game”) Selected as a common descriptor.

  In some embodiments, the first plurality of descriptors includes a plurality of tags previously associated with the first item, and the second plurality of descriptors previously corresponds to the second item. The first common descriptor is a tag included in the first plurality of tags and in the second plurality of tags (828). In some embodiments, tags are associated with individual items by the user of the device and apply only to locally stored items. In some embodiments, the tag is associated at the remote server and sent to the device by the remote server.

  In some embodiments, the first plurality of descriptors includes a first hierarchy of categories, the second plurality of descriptors includes a second hierarchy of categories, and the first common descriptor is a category (830) (for example, “game”> card game ”>“ solitaire game ”or“ game ”>“ action game ”>“ Racing game "). In some embodiments, the first hierarchy of categories is a set of categories in which a first item was associated in an application database (eg, a database of applications in an application store), and a second category. Is a set of categories in which the second item is associated in the application database (832). In some embodiments, the application database is a database of applications in the application store (834). For example, in some embodiments, the descriptor is based at least in part on a category name for an application in a dedicated application store for a mobile device (eg, App Store for Apple iPhone®). In some embodiments, these category names are supplemented by additional tags that indicate additional information about the item (eg, item creator's name, item creation date / time, etc.).

  If the first plurality of descriptors and the second plurality of descriptors share at least the first common descriptor, the device automatically selects a folder name for the folder based on the first common descriptor. (836). After generating the folder name, the device displays an icon for the folder on the display along with the automatically generated folder name (838). Continuing the example from above, as shown in FIGS. 5O and 5S, the folder created by dragging the solitaire application icon 5002-4 closer to the racing application icon 5002-13 is the “Game” folder. Named as 5004-7.

  In some embodiments, the device displays in parallel 840 an icon for the folder and a folder view for the folder showing the contents of the folder. For example, in response to detecting an input (eg, contact 5040 and move 5042 in FIG. 5M) that caused the device to create a folder (eg, folder 5004-7 in FIG. 5S), the device in FIG. 5Y for the folder A folder view 5092 is automatically displayed. In other words, the device is shown in FIG. 5S (folder created) from the user interface shown in FIG. 5M (where a folder creation input is detected) without any further intervention from the user. And automatically transitions to the user interface (displaying the folder icon 5004-7) and the user interface shown in FIG. 5Y (displaying the folder view 5092 for the folder).

  In some embodiments, in response to receiving the input, the device displays a notification that the folder has been created, and the notification includes a teaching to rename the folder (842). For example, in FIG. 5P, after creating a folder, the device allows the user to select options for confirming folder creation, renaming the folder, and canceling folder creation, as described in more detail above. A name confirmation dialog 5064 to be provided is displayed. In some embodiments, in response to receiving the input, the device displays a text input field for renaming the folder (844). For example, in FIG. 5P, if the device detects an input corresponding to a request to rename the folder (eg, tap gesture 5070 on the rename button), the device will name the new folder ( For example, as shown in FIG. 5Q, a dialog 5072 for changing from “game” to “fun” is displayed. As another example, in response to detecting an input (eg, tap gesture 5098 in FIG. 5Y) corresponding to a request to activate the rename folder button, the device may generate text as shown in FIG. 5DD. A folder name change area 5108 including an input field is displayed.

  In some embodiments, the device detects additional input (846), and in response to detecting the additional input, the device adds a third item to the folder (848). In some of these embodiments, the device determines a third plurality of descriptors associated with the third item (850). In some of these embodiments, the device selects a second descriptor shared by the first plurality of descriptors, the second plurality of descriptors, and the third plurality of descriptors. (852). In some of these embodiments, the device automatically generates a new folder name for the folder based on the second descriptor (854). In other words, in these embodiments, the name of the folder changes as the contents of the folder change. For example, if the solitaire application icon 5002-4 is added to the folder associated with the racing game folder icon 5004-8, the device renames the racing game folder icon 5004-8 to a new name (eg, “Racing Will change from "game" to "game"). In this case, the new name is at least one of the descriptors shared by all three of the items in the folder (eg, solitaire application icon 5002-4, car racing application icon 5002-17, and air racing application icon 5002-18). Part based. In contrast, in some embodiments, when a folder is created, the folder name is fixed, so adding a new item to the folder does not change the folder name.

  Methods 600, 700, 900, 1000, 1100, 1200, 1300 (eg, FIGS. 6A-6E, 7A-7C, 9A-9B, 10A-10B, 11A-11C, 12A- Note that other process details described herein with respect to FIGS. 12E, 13A-13E, and 5A-5LLLL are also applicable in a manner similar to method 800 described above. For example, the items described with reference to FIGS. 8A-8C (e.g., action icon 5002 and folder icon 5004) can be any of methods 600, 700, 900, 1000, 1100, 1200, or 1300. It may have one or more of the characteristics of various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference. These details are not repeated here for the sake of brevity.

  9A-9B are flow diagrams illustrating a method 900 for adjusting activation areas for selectable user interface objects in response to icon management inputs, according to some embodiments. The method 900 is performed on a multifunction device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) that includes a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display and the touch sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 900 may be combined and / or the order of some operations may be changed.

  As described below, the method 900 provides an intuitive way to manage icons. This method reduces the user's cognitive burden when managing icons, thereby creating a more efficient human-machine interface. In the case of battery operated computing devices, allowing users to manage icons faster and more efficiently conserves power and increases battery charge intervals.

  The device displays 902 a plurality of icons on the display (eg, selectable user interface objects such as application icons 5002 and / or folder icons 5004 on touch screen 112). A first icon (eg, action icon or folder icon) in the plurality of icons is displayed 904 at a first location on a display (eg, touch screen 112). A second icon (eg, action icon or folder icon) in the plurality of icons that is distinct from the first icon is activated with a default size at a second location on the display (eg, touch screen 112). It has a region (906). The second location is separate from the first location. For example, in FIG. 5KK, the first icon (eg, stock price application icon 5002-9) is displayed on the right side of the second row of selectable user interface objects. In this example, the second icon 5004-7 initially has a default activation area (eg, 5122-13-a in FIG. 5KK). In some embodiments, the icons (eg, action icon 5002 and folder icon 5004) each have an activation area (eg, activation area 5122 in FIG. 5KK) that is a default size. In some embodiments, activation area 5122 is a hidden activation area (eg, the activation area is not displayed on the display).

  The device detects an input corresponding to the request to move the first icon (908). For example, as shown in FIG. 5KK, the device may include a finger contact 5120 at a location on the touch-sensitive surface corresponding to a first icon (eg, stock price application icon 5002-9 in FIG. 5KK), and (eg, a touch screen). Finger contact movement 5121 across the touch-sensitive surface on 112 from the first location 5120-a in FIG. 5KK to the second location 5120-b in FIG. 5LL and to the third location 5120-c in FIG. Is detected. After detecting the input, the device changes the size of the activation area for the second icon from the default size based on the distance from the first location to the location of the second icon (910). For example, in FIG. 5KK, the device changes the size of the activation area 5122-13 for the second icon (eg, game folder icon 5004-7) from the default activation area 5122-13-a in FIG. 5KK to FIG. Change to the enlarged activation region 5122-13-b in FIG. 5MM. In some embodiments, the size of the activation area detects contact at a location on a touch-sensitive surface (eg, touch screen 112) that corresponds to the location of the first icon on the display (eg, touch screen 112). (E.g., the device simply changes activation area 5122-13-a to activation area 5122-13-b in response to detecting contact 5120 in FIG. 5KK). . In some embodiments, the size of the activation area is the size of the contact away from the location on the touch-sensitive surface (eg, touch screen 112) that corresponds to the location of the first icon on the display (eg, touch screen 112). Changed in response to detecting movement (eg, the device activates activation region 5122-13-a only after detecting at least some movement 5121 of contact 5120, as shown in FIG. 5LL. Change to the conversion area 5122-13-b).

  In some embodiments, the size of the activation area of the second icon is also changed based at least in part on the type of second icon (912). In some embodiments, if the second icon is a folder icon, the activation area has a first size (914) (eg, and the first action is the first icon, Because it is added to the folder represented by the icon 2). In some of these embodiments, if the second icon is an action icon, the activation region has a second size that is smaller than the first size (eg, the first action Is to create a folder containing a first icon and a second icon, in other words, the activation area makes it easiest to move icons and add icons to existing folders Is adjusted to make it the next most difficult and the most difficult to create a new folder from the two activation icons).

  In some embodiments, for example, contact in response to detecting a touch at a location on the touch-sensitive surface corresponding to the first icon or away from a location on the touch-sensitive surface corresponding to the first icon. For one or more individual icons in a plurality of icons other than the first icon (in response to detecting movement of the first icon), the device determines the size of the individual activation area for each individual icon, Change from the individual default size based on the distance from one location to the individual location of the individual icon (916). For example, in FIG. 5LL, the size of the activation area for photo application icon 5002-1 is from the first location (eg, the location of contact 5120-a in FIG. 5KK) to the photo application icon 5002-1 in FIG. 5LL. Based on the distance to each location, the default size 5122-1-a was increased to a larger size 5122-1-b. Similarly, in some embodiments, a plurality of other icons (eg, selectable user interface objects 5002-1, 5002-2, 5002-6, 5002-7 in FIGS. 5KK-5LL, respectively), 5004-1-b, 5002-10, 5004-7, 5002-14, 5002-15, 5002-16, 5004-2) (eg, 5122-5-a, 5122 in FIG. 5KK). -6-a, 5122-9-a, 5122-10-a, 5122-14-a, 5122-15-a, 5122-16-a, 5122-17-a) as shown in FIG. , (E.g., adjusted activation regions 5122-5-b, 5122-6-b, 5122-9- in FIG. 5LL, respectively. , 5122-10-b, 5122-14-b, 5122-15-b, 5122-16-b, by the 5122-17-b) It should be noted that the adjusted.

  In response to detecting the input, the device moves (918) the first icon across the display (eg, touch screen 112) away from the first location. For example, in FIG. 5LL, the device displays the stock price application icon 5002-9 moving away from the first location (for example, the location of the stock price application icon 5002-9 in FIG. 5KK). In some embodiments, if the first icon is at least partially within the second icon activation area for a predetermined period of time, the device will be executed when input is terminated. Action indication (eg, an animation that indicates that a new folder is to be created, or an animation that indicates that the first icon is to be added to the folder represented by the second icon) Is displayed (920). For example, if the second icon is a folder icon, the device may highlight the folder icon to indicate that the first icon will be added to the folder. As another example, if the second icon is an action icon, the device uses an action icon to indicate that a folder containing the first icon and the second icon will be created. It may be highlighted.

  The device detects (922) that the input meets a predefined trigger criteria (eg, detects finger contact lift-off). In some embodiments, detecting that the input meets the predetermined trigger criteria includes detecting the end of the first input (924). For example, the end of the first input is detected when the device detects lift-off of contact 5120-c from the touch-sensitive surface (eg, touch screen 112).

  In response to detecting that the input meets predefined trigger criteria, operations 928-946 are performed (926). In some embodiments, the device determines whether the first icon is at least partially within the activation area of the second icon. If the first icon is at least partially within the activation area of the second icon (928), the device performs operations 932-938, as described in more detail below. In contrast, if the first icon is not at least partially within the activation area of the second icon (930), the device performs operations 940-946, as described in more detail below. To do.

  If the device determines that the first icon is at least partially within the activation area of the second icon (eg, 5122-13b in FIG. 5MM) (932), then the device becomes the second icon. The associated first operation is performed (934). In some embodiments, the first operation is to create a folder that includes a first icon and a second icon (eg, as described in more detail above with reference to method 600). (936). For example, in FIG. 5MM, the device detects the end of input (eg, lift-off of contact 5120-c), and in response to detecting the end of input, the device detects the stock price application as shown in FIG. Icon 5002-9 is added to the folder represented by game folder icon 5004-7. In some embodiments, the first operation includes adding a first icon to the folder represented by the second icon (938). For example, if the device detects the end of input when the stock quote application icon 5002-9 is at least partially within the activation area for another action icon, the device sees FIGS. 5M-5N above. As will be described in more detail, a folder containing stock price application icons 5002-9 and other action icons will be created.

  If the device determines that the first icon is outside the activation area of the second icon (940), the device performs a second operation that is separate from the first operation (942). In some embodiments, the second operation rearranges the plurality of icons on the display (eg, touch screen 112) such that the first icon is in proximity to the location of the second icon on the display. (944). For example, in FIG. 5OO, the device detects input (eg, contact 5124 and movement of contact 5126) and activates region 5128-11 of the second icon (eg, game folder icon 5004-7 in FIG. 5OO). Is detected at location 5124-b outside of (eg, contact 5124 has been suspended for a longer period of time). Continuing with this example, in response to determining that the predefined criteria have been met, the device will re-create the icon (eg, so that all icons on the third row of the array are shifted one space to the left). Arrange. In some embodiments, the second operation includes returning the first icon to the first location on the display (946). For example, if the device detects the end of the contact 5120-c in FIG. 5MM while the stock price application icon 5002-9 is outside the activation area 5122-13b for the game folder icon 5004-7, The device will return the stock quote application icon 5002-9 to its previous location (eg, the location of the stock quote application icon 5002-9 in FIG. 5LL).

  In some embodiments, one advantage of adjusting the size of the activation area for an icon on a display (eg, touch screen 112) based on the distance of the icon is that it is more than the icon being moved. It should be understood that this is to provide a larger target for far away icons. Typically, when a touch gesture over a longer distance occurs, the gesture will include faster movement than if it were part of a touch gesture that occurred over a shorter distance. In addition, touch gestures that typically include faster movements are less accurate than touch gestures that include slower movements. Therefore, by increasing the size of the activation area for icons that are farther from the starting point of the touch gesture, the device can touch the touch-sensitive surface (e.g., It compensates for the reduced accuracy of touch gestures that have to traverse longer distances across the touch screen 112), thereby improving the user-machine interface.

  Method 600, 700, 800, 1000, 1100, 1200, 1300 (e.g., FIGS. 6A-6E, 7A-7C, 8A-8C, 10A-10B, 11A-11C, 12A-12) Note that other process details described herein with respect to FIGS. 12E, 13A-13E, and 5A-5LLLL are also applicable in a manner similar to method 900 described above. For example, the icons described with reference to FIGS. 9A-9B (e.g., action icon 5002 and folder icon 5004) can be any of methods 600, 700, 800, 1000, 1100, 1200, or 1300. It may have one or more of the characteristics of various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference. These details are not repeated here for the sake of brevity.

  10A-10B are flow diagrams illustrating a method 1000 for reconfiguring icons on a display in response to icon management input, according to some embodiments. The method 1000 is performed on a multifunction device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) that includes a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display and the touch sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 1000 may be combined and / or the order of some operations may be changed.

  As described below, the method 1000 provides an intuitive way to manage icons. This method reduces the user's cognitive burden when managing icons, thereby creating a more efficient human-machine interface. In the case of battery operated computing devices, allowing users to manage icons faster and more efficiently conserves power and increases battery charge intervals.

  The device displays a plurality of icons in a first arrangement (eg, action icon 5002 and folder icon 5004 in FIG. 5KK) on a display (eg, touch screen 112) (1002). The device detects an input corresponding to a request to move a first icon in the plurality of icons from a first position on the display (eg, touch screen 112) to a second position on the display (1004). ). For example, the device may include a contact 5120 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the location of a stock quote application icon 5002-9 on a display (eg, touch screen 112), and (eg, touch screen 112). The subsequent movement 5121 of contact (from the first location 5120-a in FIG. 5KK to the second location 5120-b in FIG. 5LL to the third location 5120-c in FIG. 5MM) is detected. This corresponds to a request to move the stock price application icon 5002-9 from its initial location in FIG. 5KK to a location on the display (eg, touch screen 112) close to the game folder icon 5004-7 in FIG. 5KK. To do.

  In response to detecting the input, operations 1008-1034 are performed (1006). The device moves the first icon from the first position to the second position (1008). For example, as shown in FIGS. 5KK-5MM, the device moves the stock price application icon 5002-9 toward the game folder icon 5004-7 across the display (eg, touch screen 112). In some embodiments, in response to detecting the input, the device displays an afterimage of the first icon at the first position (1010). In these embodiments, the afterimage of the first icon is visually distinct from the first icon. In some embodiments, the afterimage of the first icon is a gray display image, translucent image, translucent image, reduced contrast image, or ghost image of the first icon. In some embodiments, in response to detecting an input, the device is empty (eg, as shown in FIGS. 5LL-5MM, with an empty space displayed at the right edge of the second row of icons). Are displayed at the first position (1012).

  The device maintains the position of each individual icon within the plurality of icons other than the first icon until the automatic reconfiguration criteria are met (1014). For example, in FIGS. 5LL to 5MM, even if there is an empty space in the array of icons where the stock price application icon 5002-9 was previously located, the device is not a stock price application icon 5002-9. Will continue to be displayed in the same location on the display (eg, touch screen 112).

  The device determines (1016) that the automatic reconfiguration criteria have been met (eg, at some later time). In some embodiments, the automatic reconfiguration criterion is met (1018) after a predetermined period of time (eg, 0.5 seconds, 1 second, 2 seconds, etc.) has elapsed since the input (or the beginning of the input) was detected. ). In some embodiments, the predetermined period is measured from the beginning of the input. In some embodiments, the predetermined period is measured from the end of the input. In some embodiments, if a predetermined period of time has elapsed and the first icon is not currently located at a position on the display (eg, touch screen 112) that is within the activation area of another icon, automatic replay is performed. The configuration criteria are met (1020). In other words, in these embodiments, in addition to the predetermined period of time elapses, the first icon is on a display (eg, touch screen 112) that is outside all activation areas of the other icons. Must be displayed in the location. In some embodiments, the automatic reconfiguration criteria are met (1022) when the device detects the end of input. For example, in FIG. 5MM, the device detects a lift-off of contact 5120-c, and in response, the device associates stock price application icon 5002-9 with game folder icon 5004-7 as shown in FIG. 5NN. And then rearrange the icons as shown in FIG. 5OO. In some embodiments, the auto-reconstruction criteria are met (1024) while the first icon is still moving on the display. In other words, in some embodiments, the predetermined period of time passes while input continues to be detected by the device (e.g., prior to detecting contact lift-off from the touch-sensitive surface).

  In response to determining that the auto-reconstruction criteria are met, the device may include an icon in the plurality of icons other than the first icon to form a second array that is separate from the first array. Move one or more of (1026). For example, the folder icon 5004-1-b is shifted from the third row in the array of FIG. 5NN to the second row in the array of FIG. 5OO, and at the same time, the action icons 5002-10, 5002-11 and 5002-12 are Shifted to the left, the game folder 5004-7 is shifted up from the fourth row in the array of FIG. 5NN to the third row in the array of FIG. 5OO. In some embodiments, the second array includes an icon at the first location that is distinct from the first icon (1028). For example, in FIG. 5OO, the device displays a folder icon 5004-1-b at the location previously occupied by the stock quote application 5002-9 in FIG. 5KK. In some embodiments, the first icon (eg, stock price application icon 5002-9) has been moved to a different location within the icon. In some embodiments, the first icon (eg, stock quote application icon 5002-9) has been erased from the plurality of icons (eg, by being added to folder 5004-7).

  In some embodiments, after detecting that the input meets predefined trigger criteria (eg, after detecting the end of input) (or in response), a second array is formed (1030); The second arrangement includes displaying the icons on the display in a predetermined arrangement (eg, on the touch screen 112 in a two-dimensional grid or other regularly spaced arrangement) (1032). In some embodiments, if the automatic reconfiguration criteria are met, as the first icon is moved around the display (e.g., the first icon on the touch screen 112 and other icons) The icon is dynamically reconfigured (1034). In other words, in some embodiments, when the second location of the first icon at least partially overlaps the respective initial location of the second icon, at a second location within the first area. To accept the display of the first icon, the device moves the second icon from each initial position to each new position. For example, rearranging the icons may change the position of the first icon as the first icon is moved around the display (eg, while continuing to detect touch on the touch screen 112). Including exchanging the position of the icon.

  Methods 600, 700, 800, 900, 1100, 1200, 1300 (eg, FIGS. 6A-6E, 7A-7C, 8A-8C, 9A-9B, 11A-11C, 12A-12 Note that other process details described herein with respect to FIGS. 12E, 13A-13E, and 5A-5LLLL are also applicable in a manner similar to method 1000 described above. For example, the icons described with reference to FIGS. 10A-10B (eg, action icon 5002 and folder icon 5004) may be any of methods 600, 700, 800, 900, 1100, 1200, or 1300. It may have one or more of the characteristics of various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference. These details are not repeated here for the sake of brevity.

  FIGS. 11A-11C are flow diagrams illustrating a method 1100 for updating a dynamic folder icon to provide visual instructions regarding the contents of a folder associated with the dynamic folder icon, according to some embodiments. It is. The method 1100 is performed in a multifunction device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) that includes a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display and the touch sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 1100 may be combined and / or the order of some operations may be changed.

  As described below, the method 1100 provides an intuitive way to manage folders. This method reduces the user's cognitive burden when managing folders, thereby creating a more efficient human-machine interface. In the case of battery operated computing devices, allowing users to manage folders faster and more efficiently conserves power and increases battery charge intervals.

  The device displays a dynamic folder icon (for example, game folder icon 5004-7 in FIG. 5SS) (1102). A dynamic folder icon (eg, 5004-7 in FIG. 5SS) is a visual indication of the current contents in the folder associated with the dynamic folder icon (eg, in the game folder icon 5004-7 in FIG. 5SS). "O", "R", "S", and "M"). In some embodiments, the dynamic folder icon indicates the number of action icons contained in the folder associated with the dynamic folder icon (1104). For example, the game folder icon 5004-7 in FIG. 5SS has four reduced representations of selectable user interface objects in the folder associated with the folder icon (eg, “O”, “ R ”,“ S ”, and a box containing“ M ”).

  In some embodiments, the content has a spatial arrangement within the folder and a dynamic folder icon (eg, 5004-7 in FIG. 5TT) provides a visual indication regarding the spatial arrangement of the content within the folder ( 1106). In some embodiments, the content includes a plurality of action icons (eg, 5002-4, 5002-13, 56002-9, 5002-8 in FIG. 5TT), and the spatial arrangement is a default grid of action icons (eg, Each of the plurality of individual action icons has one or more horizontally adjacent action icons (1108) as shown in the folder view 5138 of FIG. 5TT. ). In some embodiments, the dynamic folder icon (eg, 5004-7 in FIG. 5TT) is a reduced representation of at least a subset of the plurality of action icons (eg, “O”, “R” in the game folder icon 5004-7). , “S”, and a box containing “M”), and because the reduced representation is a plurality of reduced representations, each reduced representation of an individual action icon is an action adjacent to an individual action icon. Arranged to be horizontally adjacent to the reduced representation of one of the icons (1110). In some embodiments, the folder includes a plurality of action icons having a first scale, and displaying the dynamic folder icon is a reduced representation of one or more of the action icons within the plurality of action icons. Is displayed in the dynamic folder icon at a second scale, the second scale being smaller than the first scale (1112).

  For example, in FIG. 5TT, in response to a folder display input (eg, tap gesture 5136 in FIG. 5SS), the device displays a folder view 5138 for the folder associated with game folder icon 5004-7. As shown in FIG. 5TT, the folder view has a solitaire application icon 5002-4, a racing application icon 5002-13, a stock application icon 5002-9, and a map application icon 5002 having a spatial arrangement arranged in a line from left to right. Contains four selectable user interface objects, including -8. In this example, game folder icons 5004-7 provide a visual indication of the spatial arrangement of these action icons by displaying a reduced representation of the contents in an order based on the order of action icons in the folder view. Specifically, the racing application icon 5002-13 is between a solitaire application icon 5002-4 (on the left) and a stock price application icon 5002-9 (on the right), and a reduced representation of the racing application icon (eg, FIG. 5TT). “R” in the game folder icon 5004-7 in FIG. 5 is a reduced representation of the solitaire application icon (eg, “O” in the game folder icon 5004-7 in FIG. 5TT) and a reduced representation of the solitaire application icon (eg, FIG. 5TT). And “S” in the game folder icon 5004-7 in FIG.

  The device detects an input corresponding to the request to change the contents in the folder (1114). For example, in FIG. 5TT, the device has a contact 5140 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the location of a stock quote application icon 5002-9 on a display (eg, touch screen 112), and a folder view. A subsequent movement 5142 of touch to a location on a touch-sensitive surface (eg, touch screen 112) corresponding to a location on a display (eg, touch screen 112) within 5138 is detected. In some embodiments, the folder is an automatically created folder, and detecting an input corresponding to a request to change the contents in the folder is an individual action associated with the individual application. Detecting inputs associated with individual applications so that icons are added to, deleted from, or moved into the folder (1116) (eg, folders added recently The input is that a new application has been added to the device, or the folder is the most frequently used application folder and the input is due to the use of the application, To be the most frequently used application)For example, when a user launches an application, an application icon associated with the application is moved into a “Recently Used Applications” folder.

  In response to detecting the input, operations 1120 to 1136 are performed (1118). The device changes the contents in the folder and updates the dynamic folder icon (eg, 5004-7 in FIG. 5UU) to include a visual indication of the spatial arrangement of the changed contents in the folder (1120). . It should be understood that changing content within a folder may include repositioning the content within the folder, deleting content from the folder, and / or adding content to the folder.

  In some embodiments, the device detects a repositioning input corresponding to a request to reposition the first action icon in the folder, and in response to detecting the repositioning input, the device The action icon is repositioned in the folder according to the repositioning input, and the reduced representation of the action icon is repositioned in the dynamic folder icon according to the repositioning of the first action icon in the folder (1122). For example, in FIG. 5TT, the device has a contact 5140 at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to the location of a stock quote application icon 5002-9 on a display (eg, touch screen 112), and a folder view. A repositioning input is detected that includes subsequent movement 5142 of contact to a location on a touch-sensitive surface (eg, touch screen 112) corresponding to a location on a display (eg, touch screen 112) within 5138. In this example, in response to detecting the repositioning input, the device may detect that the solitaire application icon 5002-4 is a stock application icon 5002-9 and a racing application icon 5002-13, as shown in FIG. 5UU. The stock price application icon 5002-9 is moved to a new position in the folder view 5138). In addition, in the present example, the device is in the game folder icon 5004-7 so that the reduced representation provides a visual indication regarding the updated spatial arrangement of the contents in the folder, as shown in FIG. 5UU. Rearrange the reduced representation of. Specifically, a reduced representation of the solitaire application icon (eg, “O” in the game folder icon 5004-7 in FIG. 5UU) is a reduced representation of the stock price application icon (eg, in the game folder icon 5004-7 in FIG. 5UU). “S”) and a reduced representation of the racing application icon (eg, “R” in the game folder icon 5004-7 in FIG. 5UU).

  In some embodiments, the device detects an icon erase input corresponding to a request to erase the first action icon from the folder, and in response to detecting the icon erase input, the device The icon is deleted from the folder and the reduced representation of the first action icon is deleted from the dynamic folder icon (1124). For example, in FIG. 5EE, the device follows the contact 5112 at the location corresponding to the solitaire application icon 5002-4 and the contact that exits the folder view 5106 and enters the first portion 5108 of the background that is the object erased area. An icon erase input including move 5114 is detected. In response to this icon deletion input, the device deletes the solitaire application icon 5002-4 from the folder view 5106, as shown in FIG. 5FF. In addition, in this example, the device previously displayed a reduced representation of the solitaire application icon (eg, “O” in the play folder icon 5004-7 in FIG. 5EE) and a folder icon 5004-7 associated with the folder view 5106. The device stops displaying the reduced representation of the solitaire application icon (eg, in FIG. 5FF, “O” is no longer displayed in the play folder icon 5004-7).

  In some embodiments, the device detects an add icon input corresponding to a request to add a first action icon to the folder, and in response to detecting an erase icon input, the device An icon is added to the folder and a reduced representation of the first action icon is added to the dynamic folder icon (1126). For example, in FIGS. 5OO-5PP, the device is at a location on the touch-sensitive surface (eg, touch screen 112) that corresponds to the location of the map application icon 5002-8 on the display (eg, touch screen 112) in FIG. 5OO. Contact on the touch-sensitive surface (eg, touch screen 112) to a location corresponding to the location on the display (eg, touch screen 112) of contact 5124-a and activation area 5128-11 of game folder icon 5004-7 Detects additional icon inputs including subsequent movements (eg, 5126 and 5130). In response to this icon addition input, the device adds the map application icon 5002-8 to the folder associated with the game folder icon 5004-7, as shown in FIG. 5TT. In addition, in this example, the device has not previously displayed any reduced representation of the map application icon in the folder icon 5004-7 (eg, as shown in FIGS. 5OO-5PP), After the application icon 5002-8 is added to (or in conjunction with) the game folder icon 5004-7, the device displays a reduced representation of the map application icon (eg, “M” in FIG. 5QQ) for the game folder icon 5004-7. Display within.

  In some embodiments, the contents of the folder include an action icon, and the dynamic folder icon changes (1128) upon notification from the application corresponding to the action icon. In some embodiments, the dynamic folder icon is changed 1130 by displaying a status indicator on the dynamic folder icon. For example, in FIG. 5B, the folder icon 5004-1-b indicates that one of the applications associated with the application icon in the folder represented by the folder icon 5004-1-b has a notification. A badge 5012 is displayed. In some embodiments, the dynamic folder icon is changed 1132 by displaying a status indicator on a reduced version of the action icon within the dynamic folder icon. For example, in FIG. 5B, folder icon 5004-1-b displays notification badge 5014 on a reduced representation (eg, “x7”) within folder icon 5004-1-b. This indicates that the application associated with the reduced representation has a notification (eg, if the application associated with “x7” is an email application, then the notification is typically a new email Will tell you that you have arrived).

  In some embodiments, the appearance of the dynamic folder icon changes when the device is in user interface reconfiguration mode (1134). In some embodiments, the folder has a finite space (eg, 9 frames, 12) for displaying selectable user interface objects (eg, selectable user interface objects such as application icons and / or file icons). Frame, 16 frames, or any other reasonable number), and the appearance of dynamic folder icons when in user interface reconfiguration mode, the folder displays some additional selectable user interface objects (Eg, by displaying room for extra reduced representation of the action icon) (1136).

  For example, in FIG. 5A, while the device is in normal operation mode, the dynamic folder icon 5004-1-a is a reduced representation (eg, “x1” that represents the contents (eg, action icon 5002) in the folder. ”,“ X2 ”,“ x3 ”,“ x4 ”,“ x5 ”, and“ x6 ”). However, in this example, there are more than six action icons 5002 in the folder, so the device only displays a reduced representation of the first six action icons in the dynamic folder icon. Continuing with this example, when the device enters user interface reconfiguration mode (eg, in response to detecting the press and hold gesture 5008 in FIG. 5A), the device displays the dynamic folder icon (eg, the dynamic folder icon in FIG. 5A). Change the folder icon 5004-1-b to the dynamic folder icon 5004-1-b in FIG. 5B), shift the reduced representation in the dynamic icon upward, and the folder icon in the folder icon 5004-1-b Stop displaying the first three reduced representations (eg, “x1”, “x2”, and “x3”) and add additional reduced representations (eg, “x7” in the folder icon 5004-1-b). Appears in the folder icon 5004-1-b. In this example, the dynamic folder icon also displays two empty spaces next to the new reduced representation. In addition to providing an indication that there are more than six items in the folder associated with the folder icon 5004-1-b, it is dynamic by showing two empty spaces next to the new reduced representation. Changing the folder icon also provides a visual indication that there is room in the folder view to display additional action icons.

  Methods 600, 700, 800, 900, 1000, 1200, 1300 (eg, FIGS. 6A-6E, 7A-7C, 8A-8C, 9A-9B, 10A-10B, 12A-12 Note that other process details described herein with respect to FIGS. 12E, 13A-13E, and 5A-5LLLL are also applicable in a manner similar to method 1100 described above. For example, selectable user interface objects (eg, action icon 5002 and folder icon 5004) described with reference to FIGS. 11A-11C may be used in methods 600, 700, 800, 900, 1000, 1200, or 1300. Having one or more of the characteristics of the various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference to any of them May be. These details are not repeated here for the sake of brevity.

  12A-12E are flow diagrams illustrating a method 1200 for providing context information in conjunction with displaying the contents of a folder, according to some embodiments. The method 1200 is performed on a multifunction device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) comprising a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display and the touch sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 1200 may be combined and / or the order of some operations may be changed.

  As described below, the method 1200 provides an intuitive way to display the contents of a folder. This method reduces the user's cognitive burden in managing folders by providing contextual information in conjunction with displaying the contents of the folder, thereby creating a more efficient human-machine interface. In the case of battery operated computing devices, allowing users to manage folders faster and more efficiently conserves power and increases battery charge intervals.

  The device displays a folder icon (eg, folder icon 5004-7 in FIG. 5S) on the wallpaper background on the display (eg, touch screen 112), the folder icon corresponds to the folder containing the content, and the content Includes (1202) one or more selectable user interface objects (eg, application icons, bookmark icons, and / or document icons). In some embodiments, prior to detecting the first input, the device may include one or more additional selectable user interface objects (eg, action icons 5002-1, 5002-2, 5002- in FIG. 5S). 3, 5002-5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12, 5002-14, 5002-15, 5002-16 and a folder icon 5004- 1-b and 5004-2) are displayed (1204).

  The device detects a first input (eg, tap gesture 5076 in FIG. 5S) corresponding to a request to display the contents of the folder (eg, the folder associated with folder icon 5004-7 in FIG. 5S) ( 1206).

  In response to detecting a first input (eg, tap gesture 5076 in FIG. 5S), operations 1210 through 1226 are performed (1208). The device divides (1210) the wallpaper background into a first portion (eg, 5084 in FIGS. 5X-5AA) and a second portion (eg, 5086 in FIGS. 5X-5AA). In some embodiments, the one or more additional selectable user interface objects are a first set of additional selectable user interface objects having a default location on the first portion of the wallpaper background 5084 ( For example, action icons 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11 in FIGS. 5X to 5AA, 5002-12 and folder icon 5004-1-b), and a second set of additional selectable user interface objects having default locations on second portion 5086 of the wallpaper background (eg, FIGS. 5X and 5AA). 5002-14, 5002-15, 5002-16 and Including the folder icon 5004-2) (1204).

  In some embodiments, a folder icon (eg, 5004-7 in FIGS. 5X-5AA) is displayed (1212) in a first portion of the wallpaper (eg, 5084 in FIGS. 5X-5AA). In some embodiments, a folder icon (e.g., 5004-2 in FIGS. 5CCC-5FFF) is a multiple selection within a dock area (e.g., 5006 in FIGS. 5CCC-5FFF) of the display (e.g., touch screen 112). If it is one of the possible user interface objects, the first part (eg, 5172 in FIGS. 5DDD-5FFF) includes the dock area of the display. In contrast, in these embodiments, the folder icon (eg, 5004-7 in FIGS. 5X-5AA) is external to the dock area (eg, 5006 in FIGS. 5X-5AA) of the display (eg, touch screen 112). The second portion (eg, 5086 in FIGS. 5X-5AA) is the dock area of the display (eg, 5006 in FIGS. 5X-5AA). )including. In other words, according to these embodiments, if the folder icon is in the dock (eg, as shown in FIGS. 5CCC-5FFF), the wallpaper splits above the folder icon (eg, If the folder icon is in the navigation area above the dock (as shown in FIGS. 5X-5AA), the wallpaper splits below the folder icon. In some embodiments, a navigation area (eg, a home screen with multiple selectable user interface objects) is a plurality of pages (eg, can be navigated in response to detecting a horizontal swipe gesture). And the dock area remains in a fixed location even while the device is scrolling through the array of selectable user interface objects in the navigation area.

  The device moves the second portion away from the first portion (1214). For example, in FIGS. 5X-5Y, the second portion 5086 is moved away from the first portion 5084. As another example, in FIG. 5DD, the second portion 5174 has been moved away from the first portion 5172. In some embodiments, the first portion is also moved away from the second portion. For example, in FIGS. 5VV-5WW, the device moves both the top of the wallpaper background and the bottom of the wallpaper background away from each other. In some embodiments, moving the first portion away from the second portion moves the first set of additional selectable user interface objects according to the movement of the first portion of the wallpaper background. And moving a second set of additional selectable user interface objects in accordance with the movement of the second portion of the wallpaper background (1216). For example, as shown in FIGS. 5X-5Y, as the second portion 5086 is moved away from the first portion 5084, selectable user interface objects in the second portion 5086 (eg, 5002-14, 5002-15, 5002-16, and 5004-2) at 5X are moved away from the display (eg, touch screen 112).

  In some embodiments, splitting the wallpaper background is such that the outline of the first edge of the first portion (eg, 5088 in FIG. 5X) is the second edge of the second portion (eg, FIG. Wallpaper so that it is complementary to the contour (eg, the first edge of the first part and the second edge of the second part fit together like a puzzle piece) Moving the second portion away from the first portion such that the contour of the first edge is not complementary to the contour of the second edge. (E.g., after the parts have moved away, the first part and the second part no longer fit together like a puzzle piece) And / or adjusting the contour of the second edge ( 218). For example, as shown in FIG. 5X, the contour of the first edge 5088 is initially complementary to the contour of the second edge 5090, whereas in FIG. Is no longer complementary to the contour of the second edge 5090. In some embodiments, the folder icon is displayed within the first portion of the wallpaper, and the first edge outline is defined by a dividing line that includes a cutout shape (eg, 5094 in FIGS. 5X-5Y). (1220). In some of these embodiments, the cut shape provides a visual indication of the location of the folder icon in the first portion. For example, in FIGS. 5X-5Y, the cut shape 5094 points to the folder icon 5004-7 associated with the folder view 5092.

  The device displays the contents of the folder in the area between the first part and the second part (1222). For example, the contents of the folder may include a plurality of application icons (for example, 5002-4 and 5002-13 in FIG. 5Y or 5002-26, 5002-27, 5002-28, 5002-29, 5002-30, 5002-31 in FIG. 5EEE). , 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37), and the application icons are as shown in FIGS. 5X-5Y and 5CCC-5EEE, They appear as if they were under the wallpaper (for example, as if the wallpaper was an open sliding door to show the application icon behind the wallpaper).

  In some embodiments, the size of the area between the first and second portions is determined based on the number of selectable user interface objects in the folder (1224). For example, in FIG. 5Y, the folder only contains two selectable user interface objects, so the size occupied by the folder view 5092 is significantly smaller than half of the display. As another example, in FIG. 5EEE where the folder includes at least 12 selectable user interface objects, the folder view 5170 occupies more than half of the display. Therefore, the folder view (eg, 5092 or 5170) occupies only the required amount of space on the display (eg, touch screen 112), thereby allowing context information (eg, other selectable outside of the folder view). Leave more room on the display (e.g., touch screen 112) to show the user interface object.

  In some embodiments, prior to detecting the first input, the device may include one or more additional selectable user interface objects (eg, action icons 5002-1, 5002-2, FIGS. 5X-5AA in FIGS. 5X-5AA). 5002-3, 5002-5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12 and folder icon 5004-1-b) In response to detecting the input of the device, the device (eg, brightness, contrast, hue, saturation, color, etc. of the folder icon compared to the brightness, contrast, hue, saturation of the additional selectable user interface object). One or more folder icons (eg by highlighting) (by changing degrees, colors, etc.) Additional selectable user interface object and visually distinguishing in (1226). In some embodiments, the initial brightness, contrast, hue, saturation, color, etc. (eg, prior to detecting the first input) of the additional selectable user interface object is the brightness, contrast of the folder icon. , Hue, saturation, color, etc. For example, in FIGS. 5Y-5V, the device displays the folder icon 5004-7 with normal opacity and saturation, while other selectable user interface objects (eg, actions in FIGS. 5X-5AA). Icon 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12 and folder icon 5004-1 -B) is displayed with reduced opacity and saturation.

  In some embodiments, operations 1230-1232 are performed while the device is in normal operating mode (1228) when the first input is detected. In some of these embodiments, the device detects (1230) a second input corresponding to activation of an individual selectable user interface object in the folder and detects the second input. In response, the device performs an action associated with each selectable user interface object (1232). For example, in FIG. 5 PPP, the device displays a folder view 5212 while the device is in the normal operation mode. In this example, the device detects a second input (eg, tap gesture 5214) at the location corresponding to the stock quote application icon 5002-9, and in response to the second input, the device activates the stock quote application. (For example, launch it or display a view for it).

  In some embodiments, operations 1236-1238 are performed while the device is in user interface reconfiguration mode (1234) when the first input is detected. In some of these embodiments, the device detects (1236) a second input corresponding to a request to move individual selectable user interface objects within the folder, and the second input. In response to detecting, the device moves (1238) individual selectable user interface objects within the folder. For example, in FIG. 5TT, the device is displaying a folder view 5138 while the device is in user interface reconfiguration mode. In this example, the device detects a second input (eg, a contact 5140 at a location on the touch screen 112 corresponding to the location of the stock quote application icon 5002-9, and a touch movement 5142 across the touch screen 112), In response to the input of 2, the device moves the stock price application icon 5002-9 in the folder view 5138 to a new location in the folder view according to the input, as shown in FIG. 5SS.

  In some embodiments, while displaying the contents of the folder in the area between the first part and the second part (1240), operations 1242-1244 are performed to determine whether the first part or An input corresponding to the selection of the second part is detected (1242). In some embodiments, in response to detecting the input, the device stops displaying the contents of the folder (eg, collapses the area by moving and pasting the first and second parts) ( 1244). For example, in FIG. 5UU, while the device is displaying a folder view 5138 that includes content (eg, action icons 5002-9, 5002-4, 5002-13, and 5002-8), the device Detecting a second input (eg, tap gesture 5144) at a location on a touch-sensitive surface (eg, touch screen 112) corresponding to a location on a display (eg, touch screen 112) external to the second In response to detecting the input, the device stops displaying the folder view 5138 as shown in FIG. 5VV.

  In some embodiments, the device enters user interface reconfiguration mode (1246) while displaying the contents of the folder in the area between the first and second portions (1248), The device detects an input corresponding to a request to move each selectable user interface object from the area between the first part and the second part into the first part or the second part. (1250). In some of these embodiments, in response to detecting the input, the device deletes each selectable user interface object from the folder (1252). In some embodiments, in response to moving the selectable user interface object out of the folder (eg, by collapsing the area by moving and pasting the first and second portions). The folder view disappears. For example, in FIG. 5YY, while the device is displaying the folder view 5148, the device detects an input corresponding to a request to move the selectable user interface out of the folder view 5148. Specifically, the device may be located on a location (eg, in FIG. 5YY) on a touch-sensitive surface (eg, touch screen 112) that corresponds to the location of an app-4 application icon 5002-22 on a display (eg, touch screen 112). A contact 5162 at a first location 5162-a) and a location on a touch-sensitive surface (eg, touch screen 112) corresponding to a location on a display (eg, touch screen 112) outside the folder view (eg, touch screen 112) The subsequent movement 5164 of contact (to the second location 5162-b as shown in 5ZZ) is detected. In this example, after detecting the suspension of movement for a longer period than the predetermined period, the device stops displaying the folder view as shown in FIG. 5AAA. Thereafter, selectable user interface objects (eg, app-4 application icons 5002-22 are removed from the folder and displayed in an array of selectable user interface objects outside the folder view, as shown in FIG. 5CCC. Is done.

  In some embodiments, a first portion of the contents of a folder is displayed 1254 in an area between the first and second portions (eg, folder view 5170 in FIG. 5EEE). In some of these embodiments, the device detects (1256) the next partial input corresponding to the request to display the next part of the contents of the folder and detects the next partial input. In response, the device displays (1258) the second portion of the contents of the folder in the area between the first portion and the second portion. (For example, when a left or right flick gesture is detected, the next page of application icons or the previous page of application icons is displayed in the area). For example, in FIG. 5EEE, the device may include a first plurality of selectable user interface objects (eg, 5002-26, 5002-27, 5002-28, 5002-29, 5002-30, 5002-31 in FIG. 5EEE). , 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37), the first part of the contents of the folder is displayed in the folder view 5170. In response to detecting a swipe gesture (eg, contact 5176 at the location on touch screen 112 corresponding to the location in folder view 5170, and move 5178 to the left), the device in FIG. A second of the contents of a folder containing two or more selectable user interface objects (eg, 5002-38, 5002-39, 5002-40, 5002-41, 5002-42, 5002-43 in FIG. 5FFF) The portion is displayed in a folder view 5170 on a display (eg, touch screen 112).

  In some embodiments, a first portion of the contents of the folder is displayed (1260) in an area between the first portion and the second portion. In some of these embodiments, the device detects (1262) a scrolling input corresponding to a request to scroll the contents of the folder, and in response to detecting the scrolling input, the device In order to display the second part of the folder, the contents of the folder are scrolled 1264 to the upper side of the display (eg touch screen 112) within the area between the first part and the second part. In other words, in some embodiments, instead of a separate portion of the contents of the folder, a list or array of selectable user interface objects is scrolled by the device (eg, as shown in FIG. 5EEE, In response to detecting a contact 5176 on the touch screen 112 corresponding to a location in the folder view, and a subsequent movement 5178 of the contact).

  Method 600, 700, 800, 900, 1000, 1100, 1300 (eg, FIGS. 6A-6E, 7A-7C, 8A-8C, 9A-9B, 10A-10B, 11A- Note that other process details described herein with respect to FIGS. 11C, 13A-13E, and 5A-5LLLL are also applicable in a manner similar to method 1200 described above. For example, selectable user interface objects (eg, action icon 5002 and folder icon 5004) described with reference to FIGS. 12A-12E may be used in methods 600, 700, 800, 900, 1000, 1100, or 1300. Having one or more of the characteristics of various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference to any of them May be. These details are not repeated here for the sake of brevity.

  13A-13E are flow diagrams illustrating a method 1300 for displaying and navigating a multi-page folder, according to some embodiments. The method 1300 is performed in an electronic device (eg, device 300, FIG. 3, or portable multifunction device 100, FIG. 1) that includes a display and a touch-sensitive surface. In some embodiments, the display is a touch screen display and the touch sensitive surface is on the display. In some embodiments, the display is separate from the touch sensitive surface. Some operations in method 1300 may be combined and / or the order of some operations may be changed.

  As described below, the method 1300 provides an intuitive way to display and navigate multi-page folders. This method reduces the user's cognitive burden when navigating the user interface, especially when navigating folders, thereby creating a more efficient human-machine interface. In the case of battery-powered computing devices, allowing users to navigate folders faster and more efficiently conserves power and increases battery charge intervals.

  The device displays a plurality of selectable user interface objects including one or more folder icons in parallel on the display (1302). For example, FIG. 5QQQ shows an exemplary user interface with selectable user interface objects such as action icon 5002 and folder icon 5004 displayed on touch screen 112.

  The device detects (1304) a first input (eg, a tap gesture on the individual folder icon) corresponding to a request to select an individual folder icon for the individual folder. For example, FIG. 5QQQ shows detection of contact 5216 corresponding to a request to select folder icon 5004-12. Each folder includes a first number of selectable icons that are divided between a plurality of separately displayed pages, including a first page and a second page. For example, the folder associated with folder icon 5004-12 (FIG. 5QQQ) includes a first page (shown on FIG. 5 TTT) including selectable action icons 5002-51 to 5002-52, as well as selectable actions. A second page (shown on FIG. 5 VVV) containing icons 5002-60 to 5002-68 and a third page shown in FIG. 5FFFF containing selectable action icons 5002-69 and 5002-70 are included.

  In response to detecting the first input, the device displays a folder view for each individual folder (eg, the first page of folders shown in FIG. 5 TTT). In some embodiments, prior to detecting the first input, a plurality of selectable user interface objects are displayed (1308) in an individual array (shown in FIG. 5QQQ). In such an embodiment, displaying the folder view for the individual folder in response to detecting the first input includes zooming in on the individual folder icon (1310). Zooming in on individual folder icons means that the individual folder icons are enlarged (eg, as shown in FIGS. 5RRR-5SSS) and the individual arrays are expanded so that they move toward the center of the display. Including. Displaying a folder view for an individual folder in response to detecting the first input after zooming in on the individual folder icon (eg, as shown in FIG. 5 TTT) It includes displaying a replacement of the folder icon with the folder view (1312).

  In some embodiments, the folder view includes room to display at the same time a second number of selectable icons that is at most less than the first number of selectable icons (1314). For example, in the example shown in FIG. 5 TTT, the folder view includes room for displaying at most nine selectable icons (eg, action icons 5002) simultaneously. In some embodiments, the first number is determined at least in part by user settings. For example, the user may set the icon size to small, medium, or large, and the second number is determined according to the icon size. The folder view displays (1316) a first page that includes a first subset of selectable icons in the folder (eg, selectable action icons 5002-51 to 5002-52, FIG. 5 TTT). In some embodiments, the first subset of selectable icons is displayed in a first arrangement in the first page of the folder view. In such an embodiment, prior to detecting the first input, the individual folder icons include a plurality of reduced representations of the first subset of selectable icons displayed in the first array. For example, as shown in FIG. 5QQQ, the folder icon 5004-12 has reduced expressions “y1”, “y2”, “y3”, “y4”, “y5”, “y6”, “y7”, “y8”. And “y9”. These are “App y1” (5002-51), “App y2” (5002-52), “App y3” (5002-53), “App y4” (5002-54), “ “App y5” (5002-55), “App y6” (5002-56), “App y7” (5002-57), “App y8” (5002-58), “App y9” (5002-59), respectively. In response to detecting activation of a corresponding selectable icon having a one-to-one correspondence, a user interface for the individual application is displayed.

  In some embodiments, in response to detecting the first input, the device stops displaying 1320 a plurality of selectable user interface objects.

  While displaying the first page of the folder view, the device accepts a second input corresponding to a request to display the second page of the folder view (eg, on the first page in the folder view). Horizontal swipe gesture) is detected (1322). For example, gesture 5220 (FIG. 5 TTT) is an example of a right page request. In some embodiments, the first input is a tap gesture on an individual folder icon and the second input is a swipe gesture in the folder view (1324). In some embodiments, displaying the folder view may include two or more page indicator icons that provide information regarding the number of separate pages of selectable icons into which the selectable icons in the folder are split. For example, displaying the page indicator icon 5217 (FIG. 5 TTT) (1326). After detecting the first input and before detecting the second input, the two or more page indicator icons have a first appearance. In some embodiments, the page indicator icon indicates the location of the page currently displayed in the folder view (1328) within a series of pages of selectable icons in individual folders (eg, a folder). While the first page of the view is displayed, the page indicator icon at the left end is filled as shown in FIG. 5TTT, and while the second page of the folder view is displayed, it is shown in FIG. 5VVV. As shown in FIG. 5HHHH, the third page indicator icon from the left is painted while the second page indicator icon from the left is painted and the third page of the folder view is displayed. ).

  In some embodiments, in response to detecting the second input, the device updates (1330) the two or more page indicator icons to have a second appearance different from the first appearance. In some embodiments, the first appearance of the page indicator icon indicates that the first page is currently displayed in the folder view, and the second appearance of the page indicator icon is the second page. Is currently displayed in the folder view (1332).

  In response to detecting the second input, the device stops displaying the first page of the folder view and displays the second page of the folder view for the individual folder (1334). The second page of the folder view includes a second subset of selectable icons that is different from the first subset of selectable icons. For example, as shown in FIGS. 5TTT to 5VVV, the display of the first page is changed to the display of the second page. The appearance of page indicator icon 5217 is also updated to reflect the change from displaying the first page to displaying the second page.

  In some embodiments, while displaying the second page of the folder view, the device may receive a third input corresponding to the request to close the folder view (eg, as shown in FIG. 5HHHH). , Detecting the activation of the home button by pressing the contact 5236, or a tap gesture on the part of the touch screen display associated with closing the folder view (1336). In response to detecting the third input (1338), the device stops displaying the folder view (1340). In some embodiments, the device displays a different user interface separate from the folder view after stopping displaying the folder view. For example, in some embodiments, the device displays a home screen with individual folder icons. The device includes a reduced representation of the second subset of selectable icons (eg, “App y19”, “App y20”, and “App y20” in FIG. 5HHHH) within individual folder icons for individual folders. “Y19”, “y20”, and “y16” in the corresponding folder icons 5004-12, respectively (FIG. 5IIII) are displayed (1342). After displaying the reduced representation of the second subset of selectable icons within the individual folder icon, the device (eg, sliding the reduced representation of the second subset of selectable icons in the first direction). Out of the folder icon and sliding the reduced representation of the first subset of selectable icons in a first direction into the folder icon) A replacement with a reduced representation of the first subset of selectable icons within the individual folder icons is displayed (1344). For example, FIG. 5JJJJ shows the result of replacing the reduced representation of “y19”, “y20”, and “y16” with the reduced representation of the icon in the first page of the folder in the folder icon 5004-12. .

  In some embodiments, while displaying the second page of the folder view, the device may be configured to display individual (eg, during an icon reconfiguration mode initiated by a long press on the individual icon). A fourth input corresponding to the request to move the icon from the second page of the folder view to an individual location on the display is detected (1346). In response to detecting a fourth input (eg, 5226-c to 5225-d in FIG. 5DDDD, FIG. 5EEEE) (1348), each location is a predetermined page change area (eg, as shown in FIG. 5EEEE). The device moves the individual icons from the second page to a different page in the folder view (1350). On the other hand, each location is in a predetermined icon erase area that is separate from the page change area (eg, contact 5226 from location 5226-a in FIG. 5 AAAA to location 5226 in FIG. 5BBBB in icon erase area 5231). The device deletes the individual icon from the folder view (1354). In some embodiments, the icon erase area is at or near the bottom of the folder view (1356). In some embodiments, in addition to deleting individual icons from the folder view, individual icons are added to a plurality of selectable user interface objects that include individual folder icons.

  In some embodiments, the plurality of selectable user interface objects is a first page of selectable user interface objects within a plurality of independently displayed pages of selectable user interface objects. (1358). In some embodiments, the device responds to a request to display a different page of selectable user interface objects within a plurality of separately displayed pages of selectable user interface objects. Input (e.g., horizontal movement of contact 5238 from location 5238-a in FIG. 5JJJJ to location 5238-b in FIG. 5KKKK, and subsequent lift-off of contact 5238 from touch screen 112) A horizontal finger swipe gesture on the touch screen or touch-sensitive surface at the location corresponding to the first page is received 1360. In response to receiving the fifth input (1362), the device selects a first page of selectable user interface objects (eg, 5002-4, 5002-2, 5002-3, 5002-5, 5002-6, 5002-22, 5004-7, 5002-7, 5004-1-b, 5002-10, 5002-11, 5002-12, 5002-13, and 5004-12) (1364), and optionally A second page of selectable user interface objects different from the first page of selectable user interface objects (eg, icons 5002-80 to 5002-93, as shown in FIG. 5LLLL). 1366).

  Method 600, 700, 800, 900, 1000, 1100, 1200 (eg, FIGS. 6A-6E, 7A-7C, 8A-8C, 9A-9B, 10A-10B, 11A- Note that other process details described herein with respect to FIGS. 11C, 12A-12E, and 5A-5LLLL are also applicable in a manner similar to method 1300 described above. For example, selectable user interface objects (eg, action icon 5002 and folder icon 5004) described with reference to FIGS. 13A-13E can be used in methods 600, 700, 800, 900, 1000, 1100, or 1200. Having one or more of the characteristics of various selectable user interface objects / icons / items (eg, action icon 5002 and folder icon 5004) described herein with reference to any of them May be. These details are not repeated here for the sake of brevity.

  According to some embodiments, FIG. 14 illustrates a functional block diagram of an electronic device 1400 configured in accordance with the principles of the various embodiments described. The functional blocks of the device are optionally implemented by hardware, software, or a combination of hardware and software to perform the principles of the various described embodiments. It will be appreciated by those skilled in the art that the functional blocks illustrated in FIG. 14 are optionally combined or separated into sub-blocks to implement the principles of the various described embodiments. Therefore, the description herein optionally supports any possible combination or separation, or further definition, of the functional blocks described herein.

  As shown in FIG. 14, an electronic device 1400 includes a display unit 1402 configured to display a graphic user interface and an input unit 1404 configured to receive input (eg, configured to receive contact. Touch processing surface unit) and a processing unit 1408 coupled to the display unit 1402 and the input unit 1404. In some embodiments, the processing unit 1408 includes a detection unit 1410, a display enablement unit 1412, a stop unit 1414, an update unit 1416, a zoom unit 1418, a move unit 1420, and an erase unit 1422.

  The processing unit 1408 enables parallel display (eg, using the display enablement unit 1412) of a plurality of selectable user interface objects including one or more folder icons on the display unit 1402, individual folders Detecting a first input corresponding to a request to select an individual folder icon for (e.g., using detection unit 1410), wherein the individual folder includes the first page and the second In response to detecting a first input, including a first number of selectable icons that are divided among a plurality of separately displayed pages, including Enabling the display of folder views for individual folders (eg, using display enablement unit 1412); Configured so that. The folder view includes at most room to simultaneously display a second number of selectable icons that is less than the first number of selectable icons, and the folder view includes a number of selectable icons in the folder. Display a first page containing a subset of one. While enabling display of the first page of the folder view (eg, using the display enabling unit 1412), the processing unit 1408 responds to a request to display the second page of the folder view. Detecting a second input (eg, using detection unit 1410), and enabling display of the first page of the folder view (eg, a stop unit) in response to detecting the second input. Configured to allow the display of a second page of the folder view for each individual folder (eg, using the display enablement unit 1412), and the second of the folder view The page includes a second subset of selectable icons that is different from the first subset of selectable icons.

  In some embodiments, displaying the folder view includes two or more page indicator icons that provide information regarding the number of separate pages of selectable icons into which the selectable icons in the folder are split. Including, displaying, after detecting the first input and before detecting the second input, the two or more page indicator icons have a first appearance, and the processing unit 1408 includes the second input Is further configured to update two or more page indicator icons to have a second appearance different from the first appearance (eg, using update unit 1416). The

  In some embodiments, the page indicator icon indicates the location of the page currently displayed in the folder view within a series of pages of selectable icons within the individual folder.

  In some embodiments, the first appearance of the page indicator icon indicates that the first page is currently displayed in the folder view, and the second appearance of the page indicator icon is the second page. Indicates that it is currently displayed in the folder view.

  In some embodiments, a first subset of selectable icons is displayed in a first array in a first page of the folder view, and prior to detecting the first input, the individual folder icons are: A plurality of reduced representations of the first subset of selectable icons displayed in the first array are included.

  In some embodiments, the processing unit 1408 is

  While displaying the second page of the folder view, a third input received by the input unit corresponding to the request to close the folder view is detected (eg, using the detection unit 1410) and In response to detecting the input of 3, the display of the folder view is stopped (eg, using stop unit 1414) and selectable icons within individual folder icons for individual folders Is further configured to allow display of a reduced representation of the second subset of (eg, using display enablement unit 1412).

  In some embodiments, after processing unit 1408 enables display of a reduced representation of a second subset of selectable icons within individual folder icons (eg, using display enablement unit 1412), Display of a replacement of the reduced representation of the second subset of selectable icons with the reduced representation of the first subset of selectable icons within the individual folder icon (eg, using display enablement unit 1412). Further configured to enable).

  In some embodiments, prior to detecting the first input, the plurality of selectable user interface objects are displayed in an individual array and for each individual folder in response to detecting the first input. Enabling display of the folder view is to zoom in on individual folder icons (eg, using zoom unit 1418), and zooming in on individual folder icons enlarges individual folder icons. After zooming in, and zooming in the individual folder icons, including zooming in the individual array to move towards the center of the display unit, and the folder view of the magnified individual folder icons Enable display of replacement (eg, using display enablement unit 1412). , Including the.

  In some embodiments, the processing unit 1408 enables display of a plurality of selectable user interface objects in response to detecting the first input (eg, using the stop unit 1414). Further configured to stop.

  In some embodiments, the processing unit 1408 may move individual icons from the second page of the folder view to individual locations on the display unit while displaying the second page of the folder view. In response to detecting a fourth input received by the input unit corresponding to the request (eg, using detection unit 1410), each location is within a predetermined page change area. Each icon is moved from the second page to a different page in the folder view (eg, using the move unit 1420), and each location is a predetermined icon that is separate from the page change area. Individual icons are removed from the folder view (for example, the erasing unit 1) according to the determination that they are in the erasing area. 22 using a) further configured to erase.

  In some embodiments, the page change area is on or near the right side of the folder view.

  In some embodiments, the icon erasure area is at or near the bottom of the folder view.

  In some embodiments, the plurality of selectable user interface objects is a first page of selectable user interface objects within a plurality of independently displayed pages of selectable user interface objects. The processing unit 1408 is received by an input unit corresponding to a request to display a different page of the selectable user interface object in a plurality of separately displayed pages of the selectable user interface object. Detecting 5 inputs (eg, using detection unit 1410) and enabling display of a first page of selectable user interface objects in response to receiving the fifth input (eg, Stop (using stop unit 1414) The display of the second page of the first page as different selectable user interface object-option available user interface object further configured to enable (e.g., using the display enabling unit 1412).

  In some embodiments, the first input is a tap gesture on an individual folder icon and the second input is a swipe gesture in the folder view.

  The information processing method described above operates one or more functional modules in the information processing device, such as a general purpose processor (eg, as described above in connection with FIGS. 1A and 3) or an application specific chip. Optionally.

  6A-6E, 7A-7C, 8A-8C, 9A-9B, 10A-10B, 11A-11C, 12A-12E, and 13A-13E. The operations described above are optionally performed by the components shown in FIGS. 1A-1C and / or FIG. For example, the detection operations 1304 and 1322, the display operations 1306 and 1334 are optionally performed by the event sorter 170, the event recognition unit 180, and the event handler 190. The event monitor 171 of the event sorter 170 detects a touch on the touch-sensitive display 112, and the event dispatcher module 174 passes the event information to the application 136-1. The corresponding event recognizer 180 of the application 136-1 queries the event information with the corresponding event definition 186, and the first contact (or device rotation) at the first location on the touch-sensitive surface is It is determined whether to respond to a predetermined event or sub-event, such as selection of an object on the user interface or rotation of the device from one orientation to another. When each predetermined event or sub-event is detected, the event recognition unit 180 activates an event handler 190 related to the detection of the event or sub-event. Event handler 190 optionally uses or calls data updater 176 or object updater 177 to update application internal state 192. In some embodiments, the event handler 190 accesses a respective GUI updater 178 for updating what is displayed by the application. Similarly, it will be apparent to those skilled in the art how other processes may be implemented based on the components shown in FIGS.

  The foregoing description has been described with reference to specific embodiments for illustrative purposes. However, the above exemplary discussion is not intended to be exhaustive or limited to the disclosed forms. Many modifications and variations are possible in light of the above teaching. The principles of the present invention and its practical application are best described so that others skilled in the art can best understand the present invention and various embodiments together with various modifications suitable for the particular application envisaged. These embodiments have been selected and described in order to be able to be used in

Claims (16)

A computer readable storage medium that stores one or more programs, the one or more programs being executed by an electronic device comprising a display,
Displaying a plurality of selectable user interface objects including one or more folder icons in parallel on the display;
An individual folder icon for an individual folder that includes a first number of selectable icons divided between a plurality of separately displayed pages, including a first page and a second page The first input corresponding to the request to select
A folder view for the individual folders in response to detection of the first input,
At most, including a room for simultaneously displaying a second number of selectable icons less than the first number of selectable icons;
Displaying the first page including a first subset of the selectable icons in the folder;
Display the folder view,
Detecting a second input corresponding to a request to display the second page of the folder view while displaying the first page of the folder view;
In response to detection of the second input, the display of the first page of the folder view is stopped and the second page of the folder view for the individual folder is the selectable A computer readable storage medium comprising instructions for displaying a page including a second subset of the selectable icon that is different from the first subset of icons. Displaying the folder view includes displaying two or more page indicator icons that provide information regarding the number of separate pages of selectable icons into which the selectable icons in the folder are split. ,
After detecting the first input and before detecting the second input, the two or more page indicator icons have a first appearance;
When the computer-readable storage medium is executed by the electronic device, the device may be configured to display the two or more page indicator icons different from the first appearance in response to detection of the second input. Including a group of instructions to be updated to have the appearance of
The computer-readable storage medium according to claim 1.   The computer-readable storage medium of claim 2, wherein the page indicator icon indicates a location of a page currently displayed in the folder view within a series of pages of selectable icons in the individual folders. The first appearance of the page indicator icon indicates that the first page is currently displayed in the folder view;
The second appearance of the page indicator icon indicates that the second page is currently displayed in the folder view;
The computer-readable storage medium according to claim 2. The first subset of the selectable icons is displayed in a first arrangement in the first page of the folder view;
Prior to detecting the first input, the individual folder icons include a plurality of reduced representations of the first subset of the selectable icons displayed in the first array.
The computer-readable storage medium according to claim 1. When executed by the electronic device, the device
Detecting a third input corresponding to a request to close the folder view while displaying the second page of the folder view;
In response to detecting the third input,
Stop displaying the folder view,
Displaying a reduced representation of the second subset of the selectable icons within the individual folder icons for the individual folders;
The computer readable storage medium of claim 1, comprising instructions.   When executed by the electronic device, the device displays the reduced representation of the second subset of the selectable icons in the individual folder icons before the second subset of the selectable icons. The computer-readable storage medium of claim 6, comprising instructions for causing a replacement of the reduced representation of the selectable icon with a reduced representation of the first subset within the individual folder icon. Prior to detecting the first input, the plurality of selectable user interface objects are displayed in individual arrays;
Displaying the folder view for the individual folders in response to detecting the first input;
Zooming in on the individual folder icons, zooming in on the individual folder icons expands the individual array so that the individual folder icons are enlarged and moved toward the center of the display. Zooming in, including
Displaying the replacement of the enlarged individual folder icon with the folder view after zooming in on the individual folder icon;
The computer readable storage medium of claim 1, comprising:   The computer of claim 1, comprising instructions for causing the device to stop displaying the plurality of selectable user interface objects in response to detection of the first input when executed by the electronic device. A readable storage medium. When executed by the electronic device, the device
A fourth corresponding to a request to move an individual icon from the second page of the folder view to an individual location on the display while displaying the second page of the folder view; Let the input be detected,
In response to detecting the fourth input,
Moving the individual icons from the second page to a different page in the folder view according to the determination that the individual locations are within a predetermined page change area;
The computer-readable device of claim 1, comprising instructions for causing the individual icons to be erased from the folder view in accordance with a determination that the individual locations are within a predetermined icon erase area that is separate from the page change area. Storage medium.   The computer-readable storage medium according to claim 10, wherein the page change area is on the right side of the folder view or in the vicinity thereof.   The computer-readable storage medium according to claim 10, wherein the icon erasing area is at or near the bottom of the folder view. The plurality of selectable user interface objects is a first page of selectable user interface objects in a plurality of separately displayed pages of selectable user interface objects;
When the computer readable storage medium is executed by the electronic device, the device
Receiving a fifth input corresponding to a request to display a different page of the selectable user interface object in the plurality of separately displayed pages of the selectable user interface object;
In response to receiving the fifth input,
Stop displaying the first page of selectable user interface objects;
Displaying a second page of selectable user interface objects different from the first page of selectable user interface objects;
The computer readable storage medium of claim 1, comprising instructions. The first input is a tap gesture on the individual folder icon;
The second input is a swipe gesture in the folder view;
The computer-readable storage medium according to claim 1. An electronic device,
Display,
One or more processors;
Memory,
One or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, wherein the one or more programs are:
Displaying a plurality of selectable user interface objects including one or more folder icons in parallel on the display;
An individual folder icon for an individual folder that includes a first number of selectable icons divided between a plurality of separately displayed pages, including a first page and a second page Detect the first input corresponding to the request to select
A folder view for the individual folders in response to detection of the first input,
At most, including a room for simultaneously displaying a second number of selectable icons less than the first number of selectable icons;
Displaying a folder view displaying the first page including a first subset of the selectable icons in the folder;
Detecting a second input corresponding to a request to display the second page of the folder view while displaying the first page of the folder view;
In response to detection of the second input, the display of the first page of the folder view is stopped and the second page of the folder view for the individual folder is the selectable An electronic device comprising instructions for displaying a page that includes a second subset of the selectable icon that is different from the first subset of icons. In an electronic device comprising a display,
Displaying a plurality of selectable user interface objects including one or more folder icons in parallel on the display;
An individual folder icon for an individual folder that includes a first number of selectable icons divided between a plurality of separately displayed pages, including a first page and a second page Detect the first input corresponding to the request to select
A folder view for the individual folders in response to detection of the first input,
At most, including a room for simultaneously displaying a second number of selectable icons less than the first number of selectable icons;
Displaying a folder view displaying the first page including a first subset of the selectable icons in the folder;
Detecting a second input corresponding to a request to display the second page of the folder view while displaying the first page of the folder view;
In response to detecting the second input, the display of the first page of the folder view is stopped and the selectable icon is the second page of the folder view for the individual folder. Displaying a page that includes a second subset of the selectable icons different from the first subset of
A method involving that.

Images