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

Abstract

The device displays on the display a plurality of selectable user interface objects including one or more folder icons. The device detects a first input requesting to select a folder icon for a folder containing selectable icons that are divided into a plurality of distinct individual display pages of the folder view. In response to detecting the first input, the device displays the 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 a second page of the folder view. 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.

Description

TECHNICAL FIELD [0001] The present invention relates to a device, a method, and a graphical user interface for managing folders having a plurality of pages.

Related application

This application claims the benefit of US Provisional Application Nos. 12 / 308,102, filed September 22, 2010, entitled " Device, Method, and Graphical User Interface for Managing Folders " This application claims priority to U.S. Provisional Application No. 61 / 321,872, filed April 7, 2010, the entirety of which is incorporated herein by reference in its entirety.

This application is also related to (1) US Application No. 12 / 888,366, filed September 22, 2010, entitled " Device, Method and Graphical User Interface for Managing Folders & U.S. Serial No. 12 / 888,370, entitled " Device, Method and Graphical User Interface for Managing Folders, " filed on March 22, entitled " Folders, " filed on September 22, 2010, Filed on September 22, 2010, entitled " Device, Method, and Graphical User Interface for Managing Folders ", US Application No. 12 / 888,373, And US Patent Application No. 12 / 888,375, entitled " Device, Method and Graphical User Interface for Managing Folders, " filed September 22, 2010, / 888,376, (6) 2010 And filed on September 22, the date, the name of the invention is associated with "device, a method for managing a folder, and a graphical user interface," U.S. Application No. 12 / No. 888 377, which are incorporated entirely herein by reference.

The disclosed embodiments relate generally to electronic devices having touch-sensitive surfaces, including, but not limited to, electronic devices having touch-sensitive surfaces for managing folders. will be.

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, adding selectable user interface objects (e.g., application icons, document icons, folder icons, etc.) Removable user interface objects from the folder; repositioning the user interface objects within the folder view of the folder; re-positioning the folder icons within an arrangement of selectable user interface objects; Setting the location, and deleting the folder. Exemplary selectable user interface objects include application icons (e.g., mobile device applications and / or personal computer applications) associated with computing applications as well as applications, digital images, video, text, icons, And the like).

However, existing methods for performing these operations are complex and inefficient. For example, using a series of inputs to create, modify, and / or delete content in folders and folders is tedious and presents a significant cognitive burden to the user. In addition, existing methods take longer than necessary and waste energy thereby. 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 cognitive burden on the user and create a more efficient human-machine interface. For battery-operated computing devices, such methods and interfaces preserve power and increase the time between battery charges.

The above deficiencies and other problems associated with user interfaces for computing devices having 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 (e.g., 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 (also known as a "touch screen" or "touch screen display"). In some embodiments, the device includes a graphical user interface (GUI), one or more processors, a memory, and one or more modules, programs, or sets of instructions stored in memory for performing a number of functions . In some embodiments, the user interacts with the GUI primarily through finger contacts and gestures on a touch-sensitive surface. In some embodiments, the functions may include image editing, drawing, presenting, word processing, web site creation, disk authoring, spreadsheet creation, game execution, dialing, video conferencing, , Motion support, digital photography, digital video recording, 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 for execution by one or more processors.

According to some embodiments, a multifunction device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are configured to be executed by one or more processors. One or more programs for displaying a plurality of selectable user interface objects on a display; For detecting a first input; And responsive to detecting a first input, moving a first one of the plurality of selectable user interface objects across a display to a location on a display proximate to a second one of the plurality of selectable user interface objects ≪ / RTI > Wherein the one or more programs further comprise means for detecting that the first input meets predefined folder creation criteria while the first object is in proximity to the second object; And in response to detecting that the first input satisfies the predefined folder creation criteria while the first object is in proximity to the second object, instructions for creating a folder including the first object and the second object .

According to some embodiments, a method is performed in a multifunction device having a display. The method includes displaying on a display a plurality of selectable user interface objects; Detecting a first input; And responsive to detecting a first input, moving a first one of the plurality of selectable user interface objects across a display to a location on a display proximate to a second one of the plurality of selectable user interface objects . The method further includes detecting that the first input meets predefined folder creation criteria while the first object is in proximity to the second object; And generating a folder including a first object and a second object in response to detecting that the first input meets predefined folder creation criteria while the first object is in proximity to the second object .

According to some embodiments, a graphical user interface on a multifunction device having a display, a memory, and one or more processors executing one or more programs stored in the memory includes a plurality of selectable user interface objects. A first input is detected and in response to detecting a first input, a first one of the plurality of selectable user interface objects is displayed across a display to a second one of the plurality of selectable user interface objects Lt; / RTI > It is detected that the first input satisfies predefined folder creation criteria while the first object is in proximity to the second object; Then, in response to detecting that the first input satisfies the predefined folder creation criteria while the first object is in proximity to the second object, a folder is created that includes the first object and the second object.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by a multifunction device having a display, cause the device to display a plurality of selectable user interface objects on a display; Detect a first input; And responsive to detecting a first input, moving a first one of the plurality of selectable user interface objects across a display to a location on a display adjacent to a second one of the plurality of selectable user interface objects . The instructions further cause the device to detect that the first input meets predefined folder creation criteria while the first object is in proximity to the second object; And in response to detecting that the first input satisfies the predefined folder creation criteria while the first object is in proximity to the second object, causing the creation of the folder including the first object and the second object.

According to some embodiments, the multifunction device comprises: a display; Means for displaying on the display a plurality of selectable user interface objects; Means for detecting a first input; And responsive to detecting a first input, moving a first one of the plurality of selectable user interface objects across a display to a location on a display proximate to a second one of the plurality of selectable user interface objects Lt; / RTI > The device further comprises: means for detecting that the first input meets predefined folder creation criteria while the first object is in proximity to the second object; And means for creating a folder comprising a first object and a second object in response to detecting that the first input meets predefined folder creation criteria while the first object is in proximity to the second object .

According to some embodiments, an information processing apparatus for use in a multifunction device having a display comprises: means for detecting a first input; And responsive to detecting a first input, moving a first one of the plurality of selectable user interface objects across a display to a location on a display proximate to a second one of the plurality of selectable user interface objects Lt; / RTI > The information processing apparatus further comprises: means for detecting that the first input meets predefined folder creation criteria while the first object is in proximity to the second object; And means for creating a folder comprising a first object and a second object in response to detecting that the first input meets predefined folder creation criteria while the first object is in proximity to the second object .

According to some embodiments, a multifunction device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are configured to be executed by one or more processors. The one or more programs include instructions for simultaneously displaying one or more action icons and one or more folder icons on the display. The multifunction device has a normal operating mode for activating applications and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The one or more programs may further comprise: means for detecting a first input; Then, in response to detecting the first input: if the first input corresponds to a request to select a respective folder icon of one or more folder icons, then the multifunction device is in normal operation mode or in user interface reconstruction mode Display the contents of the folder associated with each folder icon, regardless of whether or not the folder icon is associated with the folder icon; If the first input corresponds to a request to select an action icon of each of the one or more action icons: activate the application associated with each action icon when the multi-function device is in a normal mode of operation; And includes instructions for continuously displaying each action icon without activating an application associated with each action icon when the multi-function device is in the user interface reconfiguration mode.

According to some embodiments, a method is performed in a multifunction device having a display. The method includes concurrently displaying one or more action icons and one or more folder icons on a display. The multifunction device has a normal operating mode for activating applications and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The method further comprises: detecting a first input; And in response to detecting the first input: if the first input corresponds to a request to select a respective folder icon of one or more folder icons, whether the multifunction device is in a normal operation mode or in a user interface reconfiguration mode And displays the contents of the folder associated with each folder icon; If the first input corresponds to a request to select an action icon of each of the one or more action icons: activate the application associated with each action icon when the multi-function device is in a normal mode of operation; And continuously displaying each action icon without activating an application associated with the respective action icon when the multi-function device is in the user interface reconfiguration mode.

According to some embodiments, a graphical user interface on a multifunction device having a display, a memory, and one or more processors executing one or more programs stored in a memory includes one or more action icons and one or more folder icons. One or more action icons and one or more folder icons are displayed on the display simultaneously. The multifunction device has a normal operating mode for activating applications and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. A first input is detected; Then, in response to detecting the first input: if the first input corresponds to a request to select a respective folder icon of one or more folder icons, then the multifunction device is in normal operation mode or in user interface reconstruction mode Regardless of whether or not the contents of the folder associated with each folder icon are displayed; When the first input corresponds to a request to select an action icon of each of the one or more action icons: when the multi-function device is in a normal mode of operation, an application associated with each action icon is activated; And, when the multifunction device is in the user interface reconfiguration mode, each action icon is continuously displayed without activating the application associated with each action icon.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by a multifunction device having a display, cause the device to simultaneously display one or more action icons and one or more folder icons on the display Display. The multifunction device has a normal operating mode for activating applications and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The instructions further cause the device to detect a first input; Then, in response to detecting the first input: if the first input corresponds to a request to select a respective folder icon of one or more folder icons, then the multifunction device is in normal operation mode or in user interface reconstruction mode Regardless of whether or not the folder icon is associated with the folder icon; If the first input corresponds to a request to select an action icon of each of the one or more action icons: when the multi-function device is in a normal mode of operation, activate an application associated with each action icon; Then, when the multifunction device is in the user interface reconfiguration mode, it continues to display each action icon without activating the application associated with each action icon.

According to some embodiments, the multifunction device comprises: a display; And means for simultaneously displaying on the display one or more action icons and one or more folder icons. The multifunction device has a normal operating mode for activating applications and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The device further comprises: means for detecting a first input; And in response to detecting a first input: if the first input corresponds to a request to select a respective folder icon of one or more folder icons, the multifunction device is in a normal operation mode or in a user interface reconstruction mode For displaying the contents of the folder associated with each folder icon, When the first input corresponds to a request to select an action icon of each of the one or more action icons: activating an application associated with each action icon when the multi-function device is in a normal mode of operation; And means for continuously displaying each action icon without activating an application associated with the respective action icon when the multi-function device is in the user interface reconfiguration mode.

According to some embodiments, an information processing apparatus for use in a multifunction device having a display includes means for simultaneously displaying one or more action icons and one or more folder icons on a display. The multifunction device has a normal operating mode for activating applications and a user interface reconfiguration mode for rearranging action icons and folder icons on the display. The information processing apparatus further comprises: means for detecting a first input; And in response to detecting a first input: if the first input corresponds to a request to select a respective folder icon of one or more folder icons, the multifunction device is in a normal operation mode or in a user interface reconstruction mode For displaying the contents of the folder associated with each folder icon, When the first input corresponds to a request to select an action icon of each of the one or more action icons: activating an application associated with each action icon when the multi-function device is in a normal mode of operation; And means for continuously displaying each action icon without activating an application associated with the respective action icon when the multi-function device is in the user interface reconfiguration mode.

According to some embodiments, a multifunction device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are configured to be executed by one or more processors. One or more programs for receiving an input corresponding to a request to create a folder comprising a first item and a second item; And in response to receiving the input: creating a folder comprising a first item and a second item; Determining a first plurality of descriptors associated with the first item; And instructions for determining a second plurality of descriptors associated with the second item. Wherein the one or more programs further comprise: for automatically generating 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 a first common descriptor; And includes instructions for displaying on the display an icon for a folder having an automatically generated folder name.

According to some embodiments, a method is performed in a multifunction device having a display. The method includes receiving an input corresponding to a request to create a folder comprising a first item and a second item; And in response to receiving the input: creating a folder comprising a first item and a second item; Determining a first plurality of descriptors associated with the first item; And determining a second plurality of descriptors associated with the second item. The method further includes automatically generating 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 a first common descriptor; And displaying an icon for the folder having the automatically generated folder name on the display.

According to some embodiments, a graphical user interface on a multifunction device having a display, a memory, and one or more processors executing one or more programs stored in the memory includes a first item and a second item. An input corresponding to a request to create a folder containing a first item and a second item is received; And in response to receiving the input: a folder containing a first item and a second item is created; A first plurality of descriptors associated with a first item are determined; A second plurality of descriptors associated with the second item are then determined. If a first plurality of descriptors and a second plurality of descriptors share at least a first common descriptor, a folder name for the folder is automatically generated based on the first common descriptor; An icon for the folder is displayed on the display together with the automatically generated folder name.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by a multifunction device having a display, cause the device to request a creation of a folder comprising a first item and a second item, To receive an input corresponding to < RTI ID = 0.0 > And in response to receiving the input: creating a folder comprising a first item and a second item; Determine a first plurality of descriptors associated with the first item; And to determine a second plurality of descriptors associated with the second item. The instructions further cause the device to automatically generate 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 a first common descriptor and; And displays an icon for the folder having the automatically generated folder name on the display.

According to some embodiments, the multifunction device comprises: a display; Means for receiving an input corresponding to a request to create a folder comprising a first item and a second item; And in response to detecting the input: creating a folder comprising a first item and a second item; Determining a first plurality of descriptors associated with a first item; And means for determining a second plurality of descriptors associated with the second item. The device further comprises: means for automatically generating 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 a first common descriptor; And means for displaying, on the display, an icon for the folder having the automatically generated folder name.

According to some embodiments, an information processing apparatus for use in a multifunction device having a display comprises: means for receiving an input corresponding to a request to create a folder comprising a first item and a second item; And in response to detecting the input: creating a folder comprising a first item and a second item; Determining a first plurality of descriptors associated with a first item; And means for determining a second plurality of descriptors associated with the second item. The information processing apparatus further comprises: means for automatically generating 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 a first common descriptor; And means for displaying, on the display, an icon for the folder having the automatically generated folder name.

According to some embodiments, a multifunction device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are configured to be executed by one or more processors. The one or more programs include instructions for displaying a plurality of icons on a display. A first one of the plurality of icons is displayed at a first location on the display. The second icon of the plurality of icons distinct from the first icon has an active area having a default size. The one or more programs further comprising: means for detecting an input corresponding to a request to move the first icon; Change the size of the active area for the second icon from the default size based on the distance from the first location to the location of the second icon; And in response to detecting the input, moving the first icon away from the first position across the display. The one or more programs may also be configured to detect that the input meets predefined trigger criteria; And in response to detecting that the input meets predefined trigger criteria: if the first icon is at least partially within the active area of the second icon, perform a first operation associated with the second icon; And includes instructions for performing a second operation different from the first operation when the first icon is outside the active area of the second icon.

According to some embodiments, a method is performed in a multifunction device having a display. The method includes displaying a plurality of icons on a display. A first one of the plurality of icons is displayed at a first location on the display. The second icon of the plurality of icons distinct from the first icon has an active area having a default size. The method further includes detecting an input corresponding to a request to move the first icon; Changing the size of the active area for the second icon from the default size based on the distance from the first location to the location of the second icon; And moving the first icon away from the first position across the display in response to detecting the input. The method also includes detecting that the first input meets predefined trigger criteria; And performing a first operation associated with the second icon if the first icon is at least partially within the active area of the second icon, detecting that the input meets predefined trigger criteria; And performing a second operation distinct from the first operation when the first icon is outside the active area of the second icon.

According to some embodiments, a graphical user interface on a multifunction device having a display, a memory, and one or more processors executing one or more programs stored in the memory includes a plurality of icons displayed on the display. A first one of the plurality of icons is displayed at a first location on the display. The second icon of the plurality of icons distinct from the first icon has an active area having a default size. An input corresponding to the request to move the first icon is detected. The size of the active area is changed from the default size for the second icon based on the distance from the first position to the position of the second icon. In response to detecting the input, the first icon is moved away from the first position across the display. It is detected that the input meets predefined trigger criteria; And in response to detecting that the input meets predefined trigger criteria: if the first icon is at least partially within the active area of the second icon, a first operation associated with the second icon is performed; Then, when the first icon is located outside the active area of the second icon, a second operation is performed which is distinguished from the first operation.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by a multifunction device having a display, cause the device to display a plurality of icons on a display. A first one of the plurality of icons is displayed at a first location on the display. The second icon of the plurality of icons distinct from the first icon has an active area having a default size. The instructions further cause the device to detect an input corresponding to a request to move the first icon; Change the size of the active area for the second icon from the default size based on the distance from the first location to the location of the second icon; And in response to detecting the input, moving the first icon away from the first position across the display. The instructions also cause the device to detect that the input meets predefined trigger criteria; And in response to detecting that the input meets predefined trigger criteria: if the first icon is at least partially within the active area of the second icon, perform a first action associated with the second icon; Then, when the first icon is located outside the active area of the second icon, the second operation is distinguished from the first operation.

According to some embodiments, the multifunction device comprises: a display; And means for displaying a plurality of icons on the display. A first one of the plurality of icons is displayed at a first location on the display. The second icon of the plurality of icons distinct from the first icon has an active area having a default size. The device further comprises: means for detecting an input corresponding to a request to move the first icon; Means for varying the size of the active area from the default size for the second icon based on the distance from the first location to the location of the second icon; And means for moving the first icon away from the first position across the display in response to detecting the input. The device also includes means for detecting that the input meets predefined trigger criteria; And in response to detecting that the input meets predefined trigger criteria: if the first icon is at least partially within the active area of the second icon, perform a first action associated with the second icon; And means for performing a second operation distinct from the first operation when the first icon is outside the active area of the second icon.

According to some embodiments, an information processing apparatus for use in a multifunction device having a display includes means for displaying a plurality of icons on a display. A first one of the plurality of icons is displayed at a first location on the display. The second icon of the plurality of icons distinct from the first icon has an active area having a default size. The information processing apparatus further comprises: means for detecting an input corresponding to a request to move the first icon; Means for varying the size of the active area from the default size for the second icon based on the distance from the first location to the location of the second icon; And means for moving the first icon away from the first position across the display in response to detecting the input. The information processing apparatus also includes means for detecting that the input meets predefined trigger criteria; And in response to detecting that the input meets predefined trigger criteria: if the first icon is at least partially within the active area of the second icon, perform a first action associated with the second icon; And means for performing a second operation distinct from the first operation when the first icon is outside the active area of the second icon.

According to some embodiments, a multifunction device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are configured to be executed by one or more processors. One or more programs for displaying a plurality of icons on a display in a first arrangement; Detecting an input corresponding to a request to move a first one of the plurality of icons from a first location on the display to a second location on the display; And in response to detecting the input: for moving the first icon from the first position to the second position; And instructions for maintaining the position of each icon of the plurality of icons other than the first icon until the auto-rebuild criteria are met. The device further includes instructions to move one or more of the plurality of icons other than the first icon to form a second arrangement distinct from the first arrangement if the automatic reconstruction criteria are satisfied.

According to some embodiments, a method is performed in a multifunction device having a display. The method includes displaying a plurality of icons on a display in a first array; Detecting an input corresponding to a request to move a first one of the plurality of icons from a first location on the display to a second location on the display; And in response to detecting the input: moving the first icon from the first position to the second position; And maintaining positions of each of the plurality of icons other than the first icon until the auto-rebuild criteria are met. The method further includes moving one or more of the plurality of icons other than the first icon to form a second array distinct from the first array if the automatic reconstruction criteria are met.

According to some embodiments, a graphical user interface on a multifunction device having a display, a memory, and one or more processors for executing one or more programs stored in a memory includes a plurality of icons on a display as a first arrangement. An input corresponding to a request to move a first one of the plurality of icons from a first location on the display to a second location on the display is detected; And in response to detecting the input: the first icon is moved from the first position to the second position; Then, the positions of the respective icons of the plurality of icons other than the first icon are maintained until the automatic reconstruction criteria are satisfied. If the auto-rebuild criteria are met, one or more of the plurality of icons other than the first icon are moved to form a second arrangement distinct from the first arrangement.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by a multifunction device having a display, cause the device to display a plurality of icons on a display in a first arrangement; Detect an input corresponding to a request to move a first one of the plurality of icons from a first location on the display to a second location on the display; And in response to detecting the input: causing the first icon to move from the first position to the second position; And maintains the positions of each of the plurality of icons other than the first icon until the auto-rebuild criteria are met. The instructions further cause the device to move one or more of the plurality of icons other than the first icon to form a second arrangement distinct from the first arrangement if the automatic reconstruction criteria are met.

According to some embodiments, the multifunction device comprises: a display; Means for displaying a plurality of icons on a display in a first arrangement; Means for detecting an input corresponding to a request to move a first one of the plurality of icons from a first location on the display to a second location on the display; And responsive to detecting an input: moving a first icon from a first position to a second position; And means for maintaining the position of each icon of the plurality of icons other than the first icon until the auto-rebuild criteria are satisfied. The device further includes means for moving one or more of the plurality of icons other than the first icon to form a second arrangement distinct from the first arrangement if the automatic reconstruction criteria are met.

According to some embodiments, an information processing apparatus for use in a multifunction device having a display comprises: means for displaying a plurality of icons on a display in a first arrangement; Means for detecting an input corresponding to a request to move a first one of the plurality of icons from a first location on the display to a second location on the display; And responsive to detecting an input: moving a first icon from a first position to a second position; And means for maintaining the position of each icon of the plurality of icons other than the first icon until the auto-rebuild criteria are satisfied. The information processing apparatus further includes means for moving one or more of the plurality of icons other than the first icon to form a second arrangement distinct from the first arrangement if the automatic reconstruction criteria are met .

According to some embodiments, a multifunction device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are 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 representation of the current content in the folder associated with the dynamic folder icon. The device further comprises: means for detecting an input corresponding to a request to modify the content in the folder; And in response to detecting the input: for modifying content in the folder; And includes instructions for updating the dynamic folder icon to include a visual representation of the spatial arrangement of the modified content in the folder.

According to some embodiments, a method is performed in a multifunction device having a display. The method includes displaying a dynamic folder icon. The dynamic folder icon includes a visual representation of the current content in the folder associated with the dynamic folder icon. The method further includes detecting an input corresponding to a request to modify content in the folder; And in response to detecting the input: modifying the content in the folder; And updating the dynamic folder icon to include a visual representation of the spatial arrangement of the modified content in the folder.

According to some embodiments, a graphical user interface on a multifunction device having a display, a memory, and one or more processors executing one or more programs stored in the memory includes a dynamic folder icon. The dynamic folder icon includes a visual representation of the current content in the folder associated with the dynamic folder icon. An input corresponding to a request to modify content in the folder is detected; And in response to detecting the input: the content in the folder is modified; The dynamic folder icon is then updated to include a visual representation of the spatial arrangement of the modified content in the folder.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by a multifunction device having a display, cause the device to display a dynamic folder icon. The dynamic folder icon includes a visual representation of the current content in the folder associated with the dynamic folder icon. The instructions further cause the device to detect an input corresponding to a request to modify content in the folder; And in response to detecting the input: causing the content in the folder to be modified; And updates the dynamic folder icon to include a visual representation of the spatial arrangement of the modified content in the folder.

According to some embodiments, the multifunction device comprises: a display; And means for displaying a dynamic folder icon. The dynamic folder icon includes a visual representation of the current content in the folder associated with the dynamic folder icon. The device further comprises: means for detecting an input corresponding to a request to modify content in the folder; Responsive to detecting the input: for modifying content in the folder; And means for updating the dynamic folder icon to include a visual representation of the spatial arrangement of the modified content in the folder.

According to some embodiments, an information processing apparatus for use in a multifunction device having a display includes means for displaying a dynamic folder icon. The dynamic folder icon includes a visual representation of the current content in the folder associated with the dynamic folder icon. The information processing apparatus further comprises means for detecting an input corresponding to a request to modify content in the folder; Responsive to detecting the input: for modifying content in the folder; And means for updating the dynamic folder icon to include a visual representation of the spatial arrangement of the modified content in the folder.

According to some embodiments, a multifunction device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are configured to be executed by one or more processors. The one or more programs include instructions for displaying a folder icon corresponding to a folder containing content containing one or more selectable user interface objects on a desktop background on the display. Wherein the one or more programs further include: a first input for detecting a first input corresponding to a request to display the contents of the folder; And in response to detecting the first input: dividing the desktop background into a first portion and a second portion; To move the second portion away from the first portion; And instructions for displaying the contents of the folder in an area between the first and second parts.

According to some embodiments, a method is performed in a multifunction device having a display. The method includes displaying a folder icon corresponding to a folder containing content containing one or more selectable user interface objects on a desktop background on the display. The method further includes detecting a first input corresponding to a request to display the contents of the folder; And in response to detecting the first input, dividing the desktop background into a first portion and a second portion; Moving the second portion away from the first portion; And displaying the contents of the folder in an area between the first part and the second part.

According to some embodiments, a graphical user interface on a multifunction device having a display, a memory, and one or more processors for executing one or more programs stored in a memory includes a folder icon displayed on a desktop background on the display, Corresponds to a folder containing 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 background background is divided into a first portion and a second portion; The second portion is moved away from the first portion; Then, the contents of the folder are displayed in an area between the first part and the second part.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by a multifunction device having a display, cause the device to perform the steps of: providing a folder containing content containing one or more selectable user interface objects On the desktop background on the display. The instructions further cause the device to detect a first input corresponding to a request to display the contents of the folder; And in response to detecting the first input: dividing the desktop background into a first portion and a second portion; Causing the second portion to move away from the first portion; And causes the contents of the folder to be displayed in an area between the first part and the second part.

According to some embodiments, the multifunction device comprises: a display; And means for displaying a folder icon corresponding to a folder containing content containing one or more selectable user interface objects on a desktop background on the display. The device further comprises: means for detecting a first input corresponding to a request to display the contents of the folder; And in response to detecting a first input: dividing the desktop background into a first portion and a second portion; To move the second portion away from the first portion; And means for displaying the contents of the folder in an area between the first and second parts.

According to some embodiments, an information processing apparatus for use in a multifunction device having a display includes a display unit for displaying a folder icon corresponding to a folder containing content containing one or more selectable user interface objects on a desktop background on the display Lt; / RTI > The information processing apparatus further comprises: means for detecting a first input corresponding to a request to display the contents of the folder; And in response to detecting a first input: dividing the desktop background into a first portion and a second portion; To move the second portion away from the first portion; And means for displaying the contents of the folder in an area between the first and second parts.

According to some embodiments, an electronic device includes a display, one or more processors, a memory, and one or more programs. One or more programs are stored in memory and are configured to be executed by one or more processors. The one or more programs include instructions for simultaneously displaying on the display a plurality of selectable user interface objects including one or more folder icons. Wherein the one or more programs further include a first number of selectable icons divided into a plurality of distinct separate displayed pages including a first page and a second page, And instructions for detecting a first input corresponding to a request to select a respective folder icon. The one or more programs further include instructions for displaying a folder view for each folder in response to detecting the first input. The folder view includes a space for simultaneously displaying a second number or less of selectable icons, less than the first number of selectable icons. The folder view displays a first page containing a first subset of selectable icons within the folder. The one or more programs may further include means for detecting a second input corresponding to a request to display a second page of the folder view while displaying a first page of the folder view and for responding to detecting a second input For each folder, stop displaying the first page of the folder view and display the second page of the folder view. The second page of the folder view includes a second subset of selectable icons that is different than the first subset of selectable icons.

According to some embodiments, a method is performed in a multifunction device having a display. The method includes concurrently displaying on the display a plurality of selectable user interface objects including one or more folder icons. The method further includes requesting to select a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages comprising a first page and a second page, And detecting a first input corresponding to the first input. The method further includes displaying a folder view for each folder in response to detecting the first input. The folder view includes a space for simultaneously displaying a second number or less of selectable icons, less than the first number of selectable icons. The folder view displays a first page comprising a first subset of selectable icons in the folder. The method further includes detecting a second input corresponding to a request to display a second page of the folder view while displaying a first page of the folder view, and in response to detecting the second input, For each folder, stop displaying the first page of the folder view and display the second page of the folder view. The second page of the folder view includes a second subset of selectable icons that is different than the first subset of selectable icons.

In accordance with some embodiments, a graphical user interface on an electronic device having a display, a memory, and one or more processors executing one or more programs stored in the memory may include a plurality of selectable Contains user interface objects. A first input corresponding to a request to select a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages comprising a first page and a second page, Is detected. In response to detecting the first input, a folder view for each folder is displayed. The folder view includes a space for simultaneously displaying a second number or less of selectable icons, less than the first number of selectable icons. The folder view displays a first page comprising a first subset of selectable icons in the folder. While displaying the first page of the folder view, a second input corresponding to the 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, for each folder, stop displaying the first page of the folder view and display the second page of the folder view. The second page of the folder view includes a second subset of selectable icons that is different than the first subset of selectable icons.

According to some embodiments, a computer-readable storage medium stores instructions that, when executed by an electronic device having a display, cause the device to display a plurality of selectable user interface objects comprising one or more folder icons Display on the display simultaneously. The instructions further cause the device to display a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages including a first page and a second page, To detect a first input corresponding to a request to select the first input. The instructions further cause the device to display a folder view for each folder in response to detecting the first input. The folder view includes a space for simultaneously displaying a second number or less of selectable icons, less than the first number of selectable icons. The folder view displays a first page comprising a first subset of selectable icons in the folder. The instructions further cause the device to detect a second input corresponding to a request to display a second page of the folder view while displaying a first page of the folder view and to detect a second input , For each folder view, to stop displaying the first page of the folder view and to display the second page of the folder view. The second page of the folder view includes a second subset of selectable icons that is different than the first subset of selectable icons.

According to some embodiments, the electronic device comprises: a display; Means for simultaneously displaying on the display a plurality of selectable user interface objects including one or more folder icons; A first input corresponding to a request to select a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages including a first page and a second page, Means for detecting a signal; Means for displaying a folder view for each folder in response to detecting a first input, the folder view comprising means for displaying less than a first number of selectable icons, Wherein the folder view displays a first page comprising a first subset of selectable icons in the folder; Means for detecting a second input corresponding to a request to display a second page of the folder view while displaying a first page of the folder view; And stopping displaying the first page of the folder view for each folder in response to detecting the second input, and stopping the second page of the folder view, the second page of the folder view, Lt; RTI ID = 0.0 > 1 < / RTI > selectable icons different from the first set of selectable icons.

According to some embodiments, an information processing apparatus for use in an electronic device having a display includes means for simultaneously displaying on the display a plurality of selectable user interface objects comprising one or more folder icons; A first input corresponding to a request to select a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages including a first page and a second page, Means for detecting a signal; Means for displaying a folder view for each folder in response to detecting a first input, the folder view comprising means for displaying less than a first number of selectable icons, Wherein the folder view displays a first page comprising a first subset of selectable icons in the folder; Means for detecting a second input corresponding to a request to display a second page of the folder view while displaying a first page of the folder view; And stopping displaying the first page of the folder view for each folder in response to detecting the second input, and stopping the second page of the folder view, the second page of the folder view, Lt; RTI ID = 0.0 > 1 < / RTI > selectable icons different from the first set of selectable icons.

According to some embodiments, the electronic device includes a display unit configured to simultaneously display a plurality of selectable user interface objects including one or more folder icons; An input unit configured to receive a first input and a second input, the first input comprising a first number of selectable icons divided into a plurality of distinct individual display pages in a folder view comprising a first page and a second page, Corresponding to a request to select a respective folder icon for each folder containing the folder icon; The second input corresponding to a request to display a second page; A processing unit coupled to the display unit and the input unit, the processing unit being configured to detect a first input; Wherein the folder view is configured to display a folder view for each folder in response to detecting a first input, the folder view displaying less than a first number of selectable icons and a second number or less of selectable icons simultaneously Wherein the folder view displays a first page comprising a first subset of selectable icons in the folder; Configured to detect a second input while displaying a first page of a folder view; Then, in response to detecting the second input, to stop displaying the first page of the folder view for each folder, and the second page of the folder view, the second page of the folder view, Lt; RTI ID = 0.0 > 1 < / RTI > set of selectable icons.

Thus, multifunctional devices with displays are provided with faster and more efficient methods and interfaces for managing folders, thereby increasing the effectiveness, efficiency, and user satisfaction for such devices. Such methods and interfaces may complement or replace conventional methods for managing folders.

BRIEF DESCRIPTION OF THE DRAWINGS For a better understanding of the foregoing embodiments of the invention as well as further embodiments thereof, reference should be made to the following description of embodiments with reference to the following drawings, ≪ / RTI >
1A and 1B,
Figures 1a and 1b are block diagrams illustrating portable multifunction devices with touch-sensitive displays, in accordance with some embodiments.
1 (c)
1C is a block diagram illustrating exemplary components for event handling, in accordance with some embodiments.
2,
2 is a diagram illustrating a portable multifunction device with a touch screen, in accordance with some embodiments.
3,
Figure 3 is a block diagram of an exemplary multifunction device having a display and a touch-sensitive surface, in accordance with some embodiments.
4A and 4B,
Figures 4A and 4B are diagrams illustrating exemplary user interfaces for a menu of applications on a portable multifunction device, in accordance with some embodiments.
4C,
4C is a diagram illustrating an exemplary user interface for a multifunction device having a touch-sensitive surface that is separate from the display, in accordance with some embodiments.
5A to 5D,
Figures 5A-5D are diagrams illustrating exemplary user interfaces for managing folders, in accordance with some embodiments.
6A to 6E,
Figures 6A-6E are flow charts illustrating a method of creating a new folder, in accordance with some embodiments.
7A to 7C,
Figures 7A-7C are flow charts illustrating a method of managing folder icons and action icons, in accordance with some embodiments.
8A to 8C,
8A-8C are flow charts illustrating a method for naming a new folder, according to some embodiments.
9A and 9B,
Figures 9A and 9B are flow charts illustrating a method of adjusting an active area for a selectable user interface object in response to an icon management input, in accordance with some embodiments.
10A and 10B,
Figures 10A and 10B are flow charts illustrating a method of reconfiguring icons on a display in response to an icon management input, in accordance with some embodiments.
11A to 11C,
Figures 11A-11C are flow charts illustrating a method of updating a dynamic folder icon to provide a visual indication of the contents of a folder associated with a dynamic folder icon, in accordance with some embodiments.
12A to 12E,
Figures 12A-12E are flow charts illustrating a method of providing contextual information in conjunction with displaying the contents of a folder, in accordance with some embodiments.
13A to 13E,
Figures 13A-13E are flow charts illustrating a method of displaying and navigating multi-page folders according to some embodiments.
<Fig. 14>
14 is a functional block diagram of an electronic device according to some embodiments.

Reference will now be made in detail to the 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.

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

The terms used in the description of the invention herein are for the purpose of describing particular embodiments only and are 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" are intended to include the plural forms as well, unless the context clearly indicates otherwise . It is also to be understood that the term "and / or" as used herein denotes and encompasses any and all possible combinations of one or more of the listed items of related items. The terms " including, " " including, "and" comprising ", when used in this specification, But are not limited to, the presence or addition of one or more other features, integers, steps, operations, elements, components, and / or groups thereof, Will not be excluded.

As used herein, the term " if, "as used herein is intended to include, but is not limited to, the words " when" or " upon " Quot; in response to detecting "or" in response to detecting ". Similarly, the phrase " when judged "or" when a stated state or event is detected ", means that, upon detection of a "Quot; or "in response to detecting [the stated state or event].

As used herein, the term "resolution" of a display refers to the number of pixels (also called "pixel counts" or "pixel resolution") along each axis of the display or at each dimension . For example, the display may have a resolution of 320x480 pixels. Further, as used herein, the term "resolution" of a multifunction device refers to the resolution of the display in a multifunction device. The term "resolution" does not imply any limitation as to the size of each pixel or the spacing of pixels. For example, a second display with a 320x480 pixel resolution has a lower resolution than a first display with a 1024x768 pixel resolution. It should be noted, however, that the physical size of the display depends not only on the 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 of the display or at each dimension. Video resolution is often measured in dots per inch (DPI), which is the count of the number of pixels that can be placed in a line within a 1 inch width along each dimension of the display.

Embodiments of computing devices, user interfaces to 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, which also includes other functions such as PDA and / or music player functions. Exemplary embodiments of portable multifunction devices include, without limitation, iPhone (registered trademark) and iPod Touch (registered trademark) devices from Apple Inc. of Cupertino, Calif. do. Other portable devices such as laptops or tablet computers with touch-sensitive surfaces (e.g., touch screen displays and / or touch pads) may also be used. It should also be understood that in some embodiments, the device is not a portable communication device but a desktop computer having a touch-sensitive surface (e.g., a touch screen display and / or a touchpad).

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

A device may be any device that can be used in a variety of applications, such as a drawing application, a presentation application, a word processing application, a web site creation application, a disk authoring application, a spreadsheet application, a gaming application, a telephone application, a video conferencing application, , A digital camera application, a digital video camera application, a web browsing application, a digital music player application, and / or a digital video player application.

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

The user interfaces may include one or more soft keyboard embodiments. Soft keyboard embodiments are disclosed in U. S. Patent Application Serial No. 11 / 459,606, filed July 24, 2006, entitled " Keyboards For Portable Electronic Devices, " filed July 24, 2006, And the standard of the symbols for the displayed icons of the keyboard, such as those described in U.S. Patent Application No. 11 / 459,615 entitled " Touch Screen Keyboards for Portable Electronic Devices & (QWERTY) and / or non-standard configurations, the contents of which are incorporated herein by reference in their entirety. Keyboard embodiments may include a reduced number of icons (or soft keys) relative to the number of keys on existing physical keyboards, such as those for typewriters. This may allow the user to more easily select one or more icons on the keyboard, thereby making it easier to select one or more corresponding symbols. The keyboard embodiments may be adaptive. For example, the displayed icons may be modified 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. Accordingly, the keyboard embodiment used can be adapted to at least some of the applications. In some embodiments, one or more keyboard embodiments may be tailored to each user. For example, one or more keyboard embodiments may be tailored to each user based on each user's word usage history (lexicographical, slang, personal usage). Some of the keyboard embodiments may be adjusted to reduce the probability of user error when selecting one or more icons and, accordingly, one or more symbols, when using soft keyboard embodiments.

Attention is now directed to embodiments of portable devices having touch-sensitive displays. FIGS. 1A and 1B are block diagrams illustrating portable multifunctional devices 100 having touch-sensitive displays 112, in accordance with some embodiments. The touch-sensitive display 112 is sometimes referred to as a "touch screen" for convenience, and may also be known or 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 (CPUs) 120, a peripheral interface 118, an RF circuit (Not shown), audio circuitry 110, speaker 111, microphone 113, input / output (I / O) subsystem 106, other input or control devices 116, . The device 100 may include one or more optical sensors 164. These components may communicate via one or more communication buses or signal lines 103.

It is to be appreciated that the device 100 is merely an example of a portable multifunction device and that the device 100 may have more or fewer components than shown or may combine two or more components, Lt; / RTI &gt; The various components shown in Figs. 1A and 1B may be implemented in hardware, software, or a combination of both hardware and software, including one or more signal processing and / or application specific integrated circuits.

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

The peripheral interface 118 may be used to connect the input and output peripherals of the device to the CPU 120 and the memory 102. The one or more processors 120 drive or execute various software programs and / or sets of instructions stored in the memory 102 to perform various functions for the device 100 and process the data.

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

A radio frequency (RF) circuit 108 receives and transmits RF signals, also referred to as electromagnetic signals. The RF circuit 108 converts electrical signals to and from electromagnetic signals and communicates with the communication networks and other communication devices via electromagnetic signals. The RF circuitry 108 includes, 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 chipset, a subscriber identity module , And well-known circuitry for performing these functions. The RF circuitry 108 may be implemented in networks, such as the Internet, an intranet, and / or a wireless network, also referred to as the World Wide Web (WWW), such as a cellular telephone network, a local area network And / or a metropolitan area network (MAN), and other devices. The wireless communications may be implemented in a variety of communication systems such as Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), high-speed downlink packet access (HSDPA), wideband code division multiple access (W-CDMA) , Time division multiple access (TDMA), Bluetooth, WiFi (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g and / or IEEE 802.11n), voice over Internet Protocol (VoIP) (E. G., Extensible messaging and presence protocol (XMPP), session initiation protocol for instant messaging (SIMPLE), instant messaging (IMAP) (IMPS), and / or SMS (Short Message Service), or any other suitable communication protocol including communication protocols not yet developed as of the filing date of this document However, A plurality of communications standards, but not limited, it is possible to use any of the protocols, and technologies.

The audio circuitry 110, the speaker 111 and the microphone 113 provide an audio interface between the user and the device 100. The audio circuit 110 receives audio data from the peripheral interface 118, converts the audio data into an electrical signal, and transmits the electrical signal to the speaker 111. The speaker 111 converts the electric signal into sound waves that can be heard by a person. The audio circuit 110 also receives electrical signals converted by the microphone 113 from sound waves. Audio circuitry 110 converts electrical signals to audio data and transmits audio data to the peripheral interface 118 for processing. Audio data may be retrieved from and / or transmitted to the memory 102 and / or the RF circuit 108 by the peripheral interface 118. In some embodiments, audio circuitry 110 also includes a headset jack (e.g., 212 of FIG. 2). The headset jack is connected between the audio circuitry 110 and detachable audio input / output peripherals such as output-only headphones, or headsets having both an output (e.g., headphone for one or both ears) and an input Lt; / RTI &gt;

The I / O subsystem 106 connects input / output peripherals on 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 may include a display controller 156, and 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 input or control devices 116. Other input control devices 116 may include physical buttons (e.g., push buttons, rocker buttons, etc.), dials, slider switches, joysticks, click wheels, In some alternative embodiments, the input controller (s) 160 may be connected to (or may not be connected to) any of the pointer devices such as a keyboard, infrared port, USB port, and mouse. . One or more buttons (e.g., 208 in FIG. 2) may include an up / down button for volume control of the speaker 111 and / or the microphone 113. One or more buttons may include a push button (e.g., 206 in FIG. 2). A quick depression of a push button is disclosed in United States Patent Application, entitled " Unlocking a Device by Performing Gestures on an Unlock Image ", filed December 23, 2005, entitled &quot; The user may be able to unlock the touch screen 112 as described in 11 / 322,549, or may begin the process of unlocking the device using gestures on the touch screen, Are incorporated by reference in their entirety. A longer press of a push button (e.g., 206) may turn the power to the device 100 on or off. The user can customize the function of one or more buttons. The touch screen 112 is used to implement virtual or soft buttons and one or more soft keyboards.

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

The touch screen 112 has a set of touch-sensitive surfaces, sensors, or sensors that accept input from a user based on haptic and / or tactile contact. The touch screen 112 and the display controller 156 can be used to move a touch (and any movement or interruption of contact) on the touch screen 112 (along with any associated modules and / or sets of instructions within the memory 102) And converts the detected contact into interaction with user interface objects (e.g., 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 utilize liquid crystal display (LCD) technology, light emitting polymer display (LPD) technology, or LED (light emitting diode) technology, although other display technologies may be used in other embodiments. The touch screen 112 and the display controller 156 may include other proximity sensor arrays or other elements as well as capacitance, resistance, infrared and surface acoustic wave techniques to determine one or more points of contact with the touch screen 112 Any of the currently known or later developed touch sensing techniques, including but not limited to, can be used to detect contact and any movement or interruption thereof. In an exemplary embodiment, projected mutual capacitance sensing technology, such as found in the iPhone &lt; (R) &gt; and iPod Touch (R) from Apple Inc. of Cupertino, California, .

The touch-sensitive display in some embodiments of the touch screen 112 is described in the following U.S. patents: 6,323,846 (Westerman et al), 6,570,557 (Westermann et al.), And / or 6,677,932 (Westman), and / or multi-touch-sensitive touch pads as described in U.S. Patent Application Publication No. 2002/0015024 A1, each of which is incorporated herein by reference in its entirety . However, the touch screen 112 displays the visual output from the portable device 100, while the touch-sensitive touch pads do not provide a visual output.

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

The touch screen 112 may have a video resolution of greater than 100 dpi. In some embodiments, the touch screen has a video resolution of approximately 160 dpi. The user may contact the touch screen 112 using any suitable object or accessory, such as a stylus, a finger, or the like. In some embodiments, the user interface is designed to work primarily with finger-based contacts and gestures, which may be less precise than a stylus-based input due to the wide contact area of the finger on the touch screen. In some embodiments, the device translates the approximate finger-based input into a precise pointer / cursor position or command for performing actions desired by the user.

In some embodiments, in addition to the touch screen, the 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 does not display the visual output unlike the touch screen. The touchpad may be a touch-sensitive surface separated from the touchscreen 112, or it may be an extension of a touch-sensitive surface formed by the touchscreen.

In some embodiments, the device 100 may include a physical or virtual wheel (e.g., a click wheel) as the input control device 116. The user may be able to rotate the touch wheel 112 by rotating the click wheel or by moving the point of contact with the click wheel (e.g., the amount of movement of the point of contact is measured by its angular displacement relative to the center point of the click wheel) May navigate between and interact with one or more graphical objects (e.g., icons). The click wheel may also be used to select one or more of the displayed icons. For example, the user may press at least a portion of the click wheel or an associated button. User commands and navigation commands provided by the user via the click wheel may be processed by one or more of the modules and / or sets of commands within the memory 102 as well as the input controller 160. For a virtual click wheel, the click wheel and click wheel controllers may be part of the touch screen 112 and the display controller 156, respectively. For a virtual click wheel, the click wheel may be either an opaque object or a 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 operated by user contact with the touch screen.

The device 100 also includes a power supply system 162 for powering various components. The power system 162 may include one or more power supplies (e.g., a battery, an alternating current (AC)), a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator (LEDs), and any other components involved in the generation, management, and distribution of power within portable devices.

The device 100 may also include one or more optical sensors 164. FIGS. 1A and 1B illustrate an optical sensor coupled to an optical sensor controller 158 in an I / O subsystem 106. The optical sensor 164 may include a charge-coupled device (CCD) or complementary metal-oxide semiconductor (CMOS) phototransistors. The light sensor 164 receives light from the projected ambient environment through one or more lenses and converts the light into data representative of the image. The optical sensor 164, along with an imaging module 143 (also referred to as a camera module), can capture still images or video. In some embodiments, the light sensor is positioned at the back of the device 100 to face the touch screen display 112 on the device front so that the touch screen display can be used as a viewfinder for stop and / or video image acquisition do. In some embodiments, the light sensor is located on the front of the device, allowing the user's image to be acquired for video conferencing while the user is viewing other video conferencing participants on the touch screen display. In some embodiments, the position of the optical sensor 164 may be altered by the user (e.g., by rotating the lens and sensor in the device housing) such that a single optical sensor 164 may be used to provide video conferencing, For use with a touch screen display for acquisition of a touch screen display.

The device 100 may also include one or more proximity sensors 166. Figures 1A and 1B illustrate a proximity sensor 166 that is connected to a peripheral interface 118. Alternatively, the proximity sensor 166 may be coupled to the input controller 160 in the I / O subsystem 106. Proximity sensor 166 is described in U. S. Patent Application Serial No. 11 / 241,839 entitled " Proximity Detector In Handheld Device " U. S. Patent Application Serial No. 11 / 240,788 entitled "Proximity Detector in a Handheld Device "; U.S. Patent Application No. 11 / 620,702, entitled " Ambient Light Sensor To Augment Proximity Sensor Output Using Ambient Light Sensor "; U.S. Patent Application No. 11 / 586,862 entitled " Automated Response To And Sensing Of User Activity In Portable Devices ", entitled " And U.S. Patent Application Serial No. 11 / 638,251, entitled " Methods And Systems For Automatic Configuration Of Peripherals, &quot; The disclosures of which are incorporated by reference in their entirety. In some embodiments, the proximity sensor turns off and disables the touch screen 112 when the multi-function device is placed near the user's ear (e.g., when the user is making a phone call).

The device 100 may also include one or more accelerometers 168. FIGS. 1A and 1B illustrate an accelerometer 168 connected to a peripheral interface 118. FIG. Alternatively, the accelerometer 168 may be coupled to the input controller 160 in the I / O subsystem 106. Accelerometer 168 is described in U.S. Patent Application Publication No. 20050190059 entitled " Acceleration-based Theft Detection System for Portable Electronic Devices for Portable Electronic Devices " , Which is incorporated herein by reference in its entirety, and which is incorporated herein by reference in its entirety. These applications are incorporated herein by reference in their entirety. All of which are incorporated herein by reference in their entirety. In some embodiments, information is displayed in a portrait view or a landscape view on a touch screen display based on an analysis of data received from one or more accelerometers. The device 100 may be a GPS (or GLONASS or other global) device for acquiring information about the position and orientation (e.g., portrait or landscape) of the device 100 and a magnetometer (not shown) in addition to the accelerometer Navigation system) receiver (not shown).

In some embodiments, the software components stored in memory 102 may include an operating system 126, a communication module (or set of instructions) 128, a contact / motion module (or set of instructions) 130, a graphics module (Or a set of instructions) 132, a text input module (or a set of instructions) 134, a GPS positioning module (or a set of instructions) 135, 136). Further, in some embodiments, the memory 102 stores the device / global internal state 157, as shown in Figs. 1A, 1B, and 3. The device / global internal state 157 is an active application state that indicates which applications, if any, are currently active; Display states that indicate which applications, views or other information occupy various areas of the touch screen display 112; A sensor state comprising information obtained from the various sensors of the device and the input control devices 116; And position information on the position and / or posture of the device.

An embedded operating system such as an operating system 126 (e.g., Darwin, RTXC, Linux, UNIX, OS X, WINDOWS, or VxWorks) Management, storage device control, power management, etc.), and facilitates communication between the various hardware and software components.

Communication module 128 may be configured to facilitate communication with other devices via one or more external ports 124 and may also include a variety of communication modules for handling data received by RF circuitry 108 and / Software components. The external port 124 (e.g., Universal Serial Bus (USB), FIREWIRE, etc.) may be connected indirectly to other devices either directly or via a network . In some embodiments, the external port is a multi-pin (e. G., 30-pin) connector that is the same or similar and / or compatible with a 30-pin connector used on iPod (Apple Inc.) devices.

The touch / motion module 130 can detect contact with the touch screen 112 (along with the display controller 156) and with other touch-sensitive devices (e.g., a touch pad or physical click wheel) have. The touch / motion module 130 determines whether a touch has occurred (e.g., detecting a finger-down event), determines whether there is movement of the touch, (E.g., detecting one or more finger-dragging events), and determining whether the contact has been stopped (e.g., finger-up events such as detecting an event (e.g., detecting an event) or a contact interruption. The contact / motion module 130 receives contact data from a touch-sensitive surface. Determining the movement of the point of contact represented by the series of contact data may include determining the speed (magnitude), velocity (magnitude and direction), and / or acceleration (variation in magnitude and / or direction) of the point of contact. have. These operations may be applied to single contacts (e.g., one finger contacts) or a plurality of simultaneous contacts (e.g., "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 touch / motion module 130 may detect a gesture input by a user. Different gestures on the touch-sensitive surface have different contact patterns. Thus, the gesture can be detected by detecting a specific contact pattern. For example, detecting a finger tap gesture may include detecting a finger-up event at the same position (or substantially the same position) as the finger-down event (e.g., at the position of the icon) Event (lift off). As another example, detecting a finger swipe gesture on a touch-sensitive surface may detect one or more finger-drag events after detecting a finger-down event, followed by a finger-up (lift) .

Graphics module 132 includes a variety of well known software components for rendering and displaying graphics on touch screen 112 or other display, including components for modifying the intensity of the graphics being displayed. As used herein, the term "graphic" refers to a text, web pages, icons (e.g., user interface objects including soft keys), digital images, videos, animations, Including any object that can be displayed to the user.

In some embodiments, graphics module 132 stores data representing graphics to be used. A corresponding code may be assigned to each graphic. Graphics module 132 receives one or more codes from an application or the like that specify graphics to be displayed along with coordinate data and other graphical property data as needed, and then generates and outputs screen image data to display controller 156.

The text input module 134, which may be a component of the graphics module 132, may require various applications (e.g., contacts 137, email 140, IM 141, browser 147, (E.g., any other application that does not use the keyboard).

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

Applications 136 may include the following modules (or set of instructions), or a subset or superset thereof:

Contact module 137 (sometimes referred to as an address book or contact list);

A telephone module 138;

Video conference module 139;

An email client module 140;

An instant messaging (IM) module 141;

_ Motion support module 142;

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

An image management module 144;

A video player module 145;

_ Music player module 146;

Browser module 147;

Calendar module 148;

_ Weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4, dictionary widget 149-5, and other widgets obtained by the user Widget modules 149 that may include one or more of user-generated widgets 149-6 as well as user-generated widgets 149-6;

A widget generator module 150 for creating user-generated widgets 149-6;

Search module 151;

A video and music player module 152 that incorporates a video player module 145 and a music player module 146;

A note module 153;

_ Map module 154; And / or

_ 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-enabled applications, Management, voice recognition, and voice replication.

The contact module 137 may be associated with an address book or contact list (e.g., memory 102), along with a touch screen 112, a display controller 156, a contact module 130, a graphics module 132 and a text input module 134. [ Or stored in the application internal state 192 of the contact module 137 in the memory 370) - adding the name (s) to the management-address book; Delete the name (s) from the address book; Associating the telephone number (s), email address (s), physical address (s), or other information with the name; Associating an image with a name; Classifying and distributing names; Including providing telephone numbers or e-mail addresses to initiate and / or facilitate communication by telephone 138, videoconference 139, e-mail 140 or IM 141, etc. Can be used.

The RF circuit 108, the audio circuitry 110, the speaker 111, the microphone 113, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132, The phone module 138 may enter a sequence of letters corresponding to the phone number, access one or more phone numbers in the address book 137, modify the entered phone number, Dialing a number, making a call, disconnecting or disconnecting when a call is complete. As described above, wireless communication may utilize any of a plurality of communication standards, protocols, and techniques.

An RF circuit 108, an audio circuit 110, a speaker 111, a microphone 113, a touch screen 112, a display controller 156, an optical sensor 164, an optical sensor controller 158, The video conferencing module 139, in conjunction with the graphics module 132, the text input module 134, the contact list 137, and the phone module 138, may communicate with the user and one or more other participants And initiating, completing, and terminating a video conference between the two parties.

Along with the RF circuitry 108, the touch screen 112, the display controller 156, the contact module 130, the graphics module 132 and the text input module 134, the e-mail client module 140 is connected to user commands Send, receive, and manage email in response. Along with the image management module 144, the email client module 140 makes it very easy to create and send emails with still or video images photographed by the camera module 143.

The instant messaging module 141, along with the RF circuitry 108, the touch screen 112, the display controller 156, the touch module 130, the graphics module 132 and the text input module 134, (SMS) or Multimedia Message Service (MMS) for phone-based instant messages, for example, by inputting a sequence of letters corresponding to an instant message, modifying previously entered letters, ) Protocol, or using XMPP, SIMPLE or IMPS for Internet-based instant messages), receive instant messages, and view received instant messages. In some embodiments, the instant messages that are sent and / or received may be stored in graphics, pictures, audio files, video files, and / or in an MMS and / or Enhanced Messaging Service (EMS) And other attachments such as bars. As used herein, "instant messaging" is intended to encompass the transmission of messages using telephone based messages (e.g., messages sent using SMS or MMS) and Internet based messages (e.g., using XMPP, SIMPLE or IMPS) Message).

The RF circuit 108, the touch screen 112, the display controller 156, the touch module 130, the graphics module 132, the text input module 134, the GPS module 135, the map module 154, and Along with the music player module 146, the motion support module 142 may devise exercises (e.g., according to time, distance, and / or calorie consumption goals); Communicate with motion sensors (sports devices); Receiving motion sensor data; Calibrating the sensors used to monitor movement; Select and play music during exercise; Store, and transmit motion data.

Along with the touch screen 112, the display controller 156, the optical sensor (s) 164, the optical sensor controller 158, the contact module 130, the graphics module 132 and the image management module 144, Module 143 may capture still images or video (including video streams) and store them in memory 102, modify properties of still images or video, or delete still images or video from memory 102 &Lt; / RTI &gt;

The image management module 144, along with the touch screen 112, the display controller 156, the touch module 130, the graphics module 132, the text input module 134 and the camera module 143, (E. G., Edit) or otherwise manipulate, label, delete, and display (e. G., In a digital slide show or album) video images.

Along with the touch screen 112, the display controller 156, the touch module 130, the graphics module 132, the audio circuitry 110, and the speaker 111, the video player module 145 provides video (e.g., Display on the touch screen 112 or on an externally connected display via the external port 124).

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

The browser module 147, along with the RF circuitry 108, the touch screen 112, the display system controller 156, the touch module 130, the graphics module 132 and the text input module 134, Includes browsing, linking to, receiving, and displaying web pages or portions thereof, as well as attachments and other files linked to web pages, to browse the Internet accordingly.

The RF circuit 108, the touch screen 112, the display system controller 156, the contact module 130, the graphics module 132, the text input module 134, the email client module 140, and the browser module 147 The calendar module 148 includes executable instructions (e. G., &Lt; / RTI &gt; for example) to create, display, modify, and store data associated with calendars and calendars (e.g., calendar entries, .

Along with the RF circuitry 108, the touch screen 112, the display system controller 156, the touch module 130, the graphics module 132, the text input module 134 and the browser module 147, (E.g., weather widget 149-1, stock widget 149-2, calculator widget 149-3, alarm clock widget 149-4, and dictionary widget 149-3) (E.g., user-generated widget 149-6), or mini-applications that may be generated by the user (e.g., user-generated widget 149-6). In some embodiments, the widget includes a Hypertext Markup Language (HTML) file, a Cascading Style Sheets (CSS) file, and a JavaScript file. In some embodiments, the widget includes Extensible Markup Language (XML) files and JavaScript files (e.g., Yahoo! widgets).

Together with the RF circuitry 108, the touch screen 112, the display system controller 156, the touch module 130, the graphics module 132, the text input module 134 and the browser module 147, 150 may be used by the user to create widgets (e.g., convert a custom portion of a web page into a widget).

Along with the touch screen 112, the display system controller 156, the touch module 130, the graphics module 132 and the text input module 134, the search module 151 may search for one or more search criteria Music, sound, image, video, and / or other files in the memory 102 that correspond to a particular search term (e.g., one or more user-specific search terms).

Along with the touch screen 112, the display controller 156, the touch module 130, the graphics module 132 and the text input module 134, the note module 153 can display notes, And the like.

The RF circuit 108, the touch screen 112, the display system controller 156, the touch module 130, the graphics module 132, the text input module 134, the GPS module 135, The map module 154 may provide data associated with maps and maps (e.g., driving directions, data on nearby points of interest and other points of interest at and / or at a particular location, Display, modify, and store location-based data).

The touch screen 112, the display system controller 156, the touch module 130, the graphics module 132, the audio circuitry 110, the speaker 111, the RF circuitry 108, the text input module 134, Along with the client module 140 and the browser module 147, the online video module 155 allows the user to access (e.g., by streaming and / or downloading) online videos of one or more file formats such as H.264, (E.g., on a touch screen or external display connected via external port 124), sending and otherwise managing email with a link to a particular online video do. In some embodiments, rather than the email client module 140, the instant messaging module 141 is used to send a link to a particular online video. An additional description of the online video application is filed on June 20, 2007, entitled "Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos " US Patent Application No. 60 / 936,562 entitled " Playing Online Videos ", filed on December 31, 2007, and entitled &quot; Portable Multifunction Device, Method, and Graphical User Interface for Playing Online Videos & No. 11 / 968,067, the contents of which are incorporated herein by reference in their entirety.

Each of the previously identified modules and applications includes executable instructions for performing one or more of the functions described above and methods described herein (e.g., computer implemented methods and other information processing methods described herein) &Lt; / RTI &gt; These modules (i. E., The set of instructions) need not be implemented as separate software programs, procedures, or modules, and thus various subsets of these modules may be combined in various embodiments, . For example, video player module 145 may be combined with music player module 146 to become a single module (e.g., video and music player module 152 of FIG. 1B). In some embodiments, the memory 102 may store a subset of the previously identified modules and data structures. In addition, the memory 102 may store additional modules and data structures not previously described.

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

The predefined set of functions that can be performed exclusively through the touch screen and / or touchpad include navigation between user interfaces. In some embodiments, the touchpad navigates device 100 from any user interface that can be displayed on device 100 to a main, home, or root menu when touched by a 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 handling, in accordance with some embodiments. In some embodiments, memory 102 or memory 370 (FIG. 3) (as in FIGS. 1A and 1B) may include an event classifier 170 (e.g., at operating system 126) 136-1) (e.g., any of the applications 137-115, 155, 380-390 described above).

The event classifier 170 determines the application 136-1 to receive event information and communicate event information, and the application view 191 of the application 136-1. The event classifier 170 includes an event monitor 171 and an event dispatcher module 174. In some embodiments, the application 136-1 includes an application internal state 192 that represents the current application view (s) displayed on the touch-sensitive display 112 when the application is active or running . In some embodiments, the device / global internal state 157 is used by the event classifier 170 to determine which application (s) are currently active and the application internal state 192 is used by the event classifier 170 To determine the application views 191 that will forward the event information.

In some embodiments, the application internal state 192 includes a resume information to be used when the application 136-1 resumes execution, a user 136-1 that is being displayed by the application 136-1 or is ready to be displayed A status queue for enabling the user to return to the previous state or view of the application 136-1, and a redo / undo queue of previous actions taken by the user As well as additional information.

The event monitor 171 receives event information from the peripheral interface 118. The event information includes information about a sub-event (e.g., a user touch on the touch-sensitive display 112 as part of a multi-touch gesture). The peripheral interface 118 may be connected to the I / O subsystem 106 or a sensor such as proximity sensor 166, accelerometer (s) 168, and / or microphone 113 (via audio circuitry 110) And transmits the received information. The information received by the peripheral interface 118 from the I / O subsystem 106 includes information from the touch-sensitive display 112 or the touch-sensitive surface.

In some embodiments, the event monitor 171 sends requests to the peripheral interface 118 at predetermined intervals. In response, the peripheral interface 118 transmits event information. In other embodiments, the peripheral interface 118 transmits event information only when there is an important event (e.g., exceeding a predetermined noise threshold and / or receiving an input that exceeds a predetermined duration).

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

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

Another aspect of the 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 a touch-based gesture occurs. The application views (of each application) in which the touch is detected may correspond to program levels in the hierarchy of programs or views of the application. For example, a view of the lowest level at which a touch is detected may be referred to as a hit view, and a set of events recognized as appropriate inputs may be determined based at least in part on a hit view of an initial touch that initiates a touch- have.

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

The active event recognizer determination module 173 determines which views or views 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 the hit view should receive a particular 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 actively involved views, so that all active participation views are sub- It is determined that it is necessary to receive the specific sequence of the frames. In other embodiments, even though the touch sub-events are entirely confined to the area associated with a particular view, the top views in the hierarchy will still be maintained as active participating views.

The event dispatcher module 174 sends event information to an event recognizer (e.g., event recognizer 180). In embodiments including the active event recognizer determination module 173, the event dispatcher module 174 passes the event information to the event recognizer determined by the active event recognizer determination module 173. In some embodiments, the event dispatcher module 174 stores event information in an event queue, which event information is retrieved by each event receiver module 182.

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

In some embodiments, the application 136-1 includes a plurality of event handlers 190 and one or more application views 191, each of which includes a touch event that occurs within each view of the application's user interface Lt; / RTI &gt; Each application view 191 of application 136-1 includes one or more event recognizers 180. [ Typically, each application view 191 includes a plurality of event recognizers 180. In other embodiments, one or more of the event recognizers 180 may be implemented in a user interface kit (not shown) or in a separate application, such as a high-level object upon which the application 136-1 inherits methods and other properties Of the module. In some embodiments, each event handler 190 includes one of event data 179 received from data updater 176, object updater 177, GUI updater 178, and / or event classifier 170 Or more. The event handler 190 may update or update the application internal state 192 using or invoking the data updater 176, the object updater 177 or the GUI updater 178. [ 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 recognizer 180 receives event information (e.g., event data 179) from the event classifier 170 and identifies the event from the event information. The event recognizer 180 includes an event receiver 182 and an event comparator 184. In some embodiments, event recognizer 180 also includes a subset of at least metadata 183 and event propagation instructions 188 (which may include sub-event propagation instructions).

The event receiver 182 receives event information from the event classifier 170. The event information includes information on a sub-event, e.g., touch or touch movement. Depending on the sub-event, the event information also includes additional information such as the location of the sub-event. If the sub-event is about motion of the touch, the event information may also include the speed and direction of the sub-event. In some embodiments, events include rotation of the device from one orientation to another (e.g., from portrait orientation to landscape orientation, or vice versa), and the event information includes the current orientation of the device &Lt; / RTI &gt;

The event comparator 184 compares the event information to a predefined event or sub-event definition, determines an event or sub-event based on the comparison, or determines or updates the status of the event or sub-event. In some embodiments, the event comparator 184 includes an event definition 186. Event definitions 186 include definitions of events (e.g., predefined sequences of sub-events), such as event 1 187-1, event 2 187-2, and so on. In some embodiments, sub-events in event 187 include, for example, touch start, touch end, touch move, touch cancel, and multiple touch. In one example, the definition for Event 1 187-1 is a double tap on the displayed object. The double tap may include, for example, a first touch (touch start) on a displayed object during a predetermined phase, a first lift (touch end) during a predetermined phase, a displayed object during a predetermined phase (Touch start), and a second lift (touch end) during a predetermined phase. In another example, the definition for event two 187-2 is dragging on the displayed object. Dragging includes, for example, touching (or touching) on a displayed object during a predetermined phase, movement of a touch across the touch-sensitive display 112, and lifting (touching) of the touch. In some embodiments, the event also includes information about one or more associated event handlers 190.

In some embodiments, event definitions 187 include definitions of events for each user interface object. In some embodiments, event comparator 184 performs a hit test to determine which user interface object is 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 generates three user Performs a hit test to determine which of the interface objects is associated with a touch (sub-event). When each displayed object is associated with a respective event handler 190, the event comparator uses the result of the hit test to determine which event handler 190 should be activated. For example, event comparator 184 selects an event handler associated with the sub-event and object that triggered the hit test.

In some embodiments, the definition for each event 187 may also include a delayed action to delay 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 recognizer 180 determines that a series of sub-events do not match any of the events in the event definition 186, then each event recognizer 180 may determine that the event is not possible, And then each event recognizer ignores subsequent sub-events of the touch-based gesture. In this situation, other event recognizers that remain active for the hit view continue to track and process sub-events of the ongoing touch-based gesture, if any.

In some embodiments, each event recognizer 180 may include configurable properties, flags, and / or a list of events that indicate how the event delivery system should perform sub-event delivery to active participant event recognizers. Lt; RTI ID = 0.0 &gt; 183 &lt; / RTI &gt; In some embodiments, the metadata 183 includes configurable properties, flags, and / or lists that indicate how event recognizers can interact with each other. In some embodiments, the metadata 183 includes configurable properties, flags, and / or lists that indicate whether sub-events are delivered to variable levels in the view 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 passes event information associated with the event to an event handler 190. Activating the event handler 190 is distinct from sending (and delaying) sub-events to each hit view. In some embodiments, the event recognizer 180 sends a flag associated with the recognized event, and the event handler 190 associated with the flag captures the flag and performs a predefined process.

In some embodiments, event forwarding instructions 188 include sub-event forwarding instructions that carry event information for a sub-event without activating the event handler. Instead, the sub-event delivery commands deliver event information to event handlers associated with a series of sub-events or to active participation views. Event handlers associated with a series of sub-events or actively participating views receive event information and perform predetermined processes.

In some embodiments, data updater 176 generates and updates data used in application 136-1. For example, the data updater 176 may update the telephone number used in the contact module 137 or store the video file used in the video player module 145. In some embodiments, object updater 177 creates and updates objects used in application 136-1. For example, the object updater 176 may create a new user interface object or update the location of the user interface object. The GUI updater 178 updates the GUI. For example, the GUI updater 178 prepares the display information and transmits it to the graphics module 132 for display on the touch-sensitive display.

In some embodiments, event handler (s) 190 include or access 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 a single module of each application 136-1 or application view 191. [ In other embodiments, these are included in two or more software modules.

It should be appreciated that the foregoing discussion of event handling of user touches on touch-sensitive displays also applies to other types of user inputs for operating multifunctional devices 100 with input devices, Not all are initiated on touch screens, for example, adjusting mouse movements and mouse button presses with single or multiple keyboard presses or with or without hold, user move tabs on touch-pads, dragging, scrolling Events such as pen stylus inputs, movement of devices, verbal commands, detected eye movement, biometric inputs, and / or combinations thereof, which correspond to sub-events defining the event to be recognized Can be used as inputs.

Figure 2 illustrates a portable multifunction device 100 having a touch screen 112, in accordance with some embodiments. The touch screen may display one or more graphics in a user interface (UI) In this embodiment as well as in other embodiments described below, a user may select one or more fingers 202 (not shown in scale in the figure) or one or more styluses 203 (Not shown), one or more of the graphics may be selected by touching or touching the graphics. In some embodiments, the selection of one or more graphics occurs when the user stops touching one or more graphics. In some embodiments, the contact may include one or more taps, one or more swipes (left to right, right to left, up and / or down), and / Gestures in contact with the device 100, such as rolling from right to left, up and / or down. In some embodiments, careless contact with graphics may not select graphics. For example, a swipe gesture that sweeps over an application icon may not select a corresponding application when the gesture corresponding to the selection is a tab.

The device 100 may also include one or more physical buttons, such as a "home" or menu button 204. [ The menu button 204 may be used to navigate to any application 136 in a set of applications that may be executed on the device 100. [ Alternatively, in some embodiments, the menu button is implemented as a soft key in a GUI displayed on the touch screen 112. [

In one embodiment, the device 100 includes a touch screen 112, a menu button 204, a push button 206 for turning the device on / off and locking the device, volume control button (s) 208, A subscriber identity module (SIM) card slot 210, a headset jack 212, and a docking / charging external port 124. Push button 206 may be used to turn on / off power to the device by depressing the button and keeping the button depressed for a predefined time interval; To lock the device by depressing the button and depressing the button before the predefined time interval elapses; And / or to unlock the device or initiate the unlocking process. In an alternative embodiment, the device 100 may also receive a verbal input for activating or deactivating some of the functions via the microphone 113.

Figure 3 is a block diagram of an exemplary multifunction device having a display and a touch-sensitive surface, in accordance with some embodiments. The device 300 need not be portable. In some embodiments, the device 300 may be a laptop computer, a desktop computer, a tablet computer, a multimedia player device, a navigation device, an educational device (such as a child learning toy), a gaming system, or a control device Controller). Device 300 typically includes one or more processing units (CPUs) 310, one or more networks or other communication interfaces 360, a memory 370, and one or more communication busses 320). Communication busses 320 may include circuitry (sometimes referred to as a chipset) that interconnects system components and controls communication therebetween. The device 300 includes an input / output (I / O) interface 330 that includes a display 340, typically a touchscreen display. The I / O interface 330 may also include a keyboard and / or mouse (or other pointing device) 350 and a touchpad 355. Memory 370 includes high speed random access memory such as DRAM, SRAM, DDR RAM or other random access solid state memory devices; Non-volatile memory such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid state storage devices. The memory 370 may optionally include one or more storage devices remotely located from the CPU (s) In some embodiments, the memory 370 includes programs, modules, and data structures similar to the programs, modules, and data structures stored in the memory 102 of the portable multifunction device 100 (Fig. 1) And stores a subset of these. In addition, 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 include 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 spreadsheet module 390, while the memory 102 of the portable multifunction device 100 (Fig. 1) may not store these modules.

Each of the previously-identified elements in Fig. 3 may be stored in one or more of the memory devices described above. Each of the previously identified modules corresponds to a set of instructions for performing the functions described above. It will be appreciated that the above-identified modules or programs (i. E. Sets of instructions) need not be implemented as separate software programs, procedures or modules, so that various subsets of these modules may be combined in various embodiments Can be rearranged otherwise. In some embodiments, memory 370 may store a subset of the previously identified modules and data structures. In addition, memory 370 may store additional modules and data structures not previously described.

Note the embodiments of user interfaces ("UI") that may now be implemented on the portable multifunction device 100.

Figures 4A and 4B are diagrams illustrating exemplary user interfaces for a menu of applications on the portable multifunction device 100, in accordance with some embodiments. Similar user interfaces may be implemented on the device 300. In some embodiments, user interface 400A includes the following elements, or a subset or superset thereof:

Signal strength indicator (s) 402 for wireless communication (s), such as cellular and Wi-Fi signals;

Time 404;

A Bluetooth indicator 405;

A battery status indicator 406;

A tray 408 with icons for frequently used applications, such as:

o a telephone 138 that may include an indicator of the number of missed calls or the number of voice mail messages 414;

an email client 140 that may include an indicator 410 of the number of unread emails;

o browser 147; And

o music player 146; And

Icons for other applications, such as:

o IM 141;

o image management (144);

o camera 143;

o video player 145;

o Weather (149-1);

o Stock (149-2);

o exercise support (142);

o calendar 148;

o a calculator 149-3;

o an alarm clock 149-4;

o Dictionary (149-5); And

o User-generated widget (149-6).

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

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

A map 154;

Note 153;

Settings 412 that provide access to settings for device 100 and its various applications 136, as described further below;

A video and music player module 152, also referred to as an iPod (trademark of Apple Inc.)

An online video module 155, also referred to as YouTube (trademark of Google Inc.) module 155.

4C illustrates a device (e.g., a device (not shown) having a touch-sensitive surface 451 (e.g., a tablet or touchpad 355, FIG. 3) separated from a display 450 300), Figure 3). Although a number of subsequent examples will be provided with reference to inputs on the touch screen display 112 (in which the touch-sensitive surface and display are combined), in some embodiments the device may be separated from the display / RTI &gt; surface on the touch-sensitive surface. In some embodiments, the touch-sensitive surface 451 (e.g., 451 in FIG. 4C) has a major axis that corresponds to the major axis (e.g., 453 in FIG. 4C) ). According to these embodiments, the device may be in contact with the touch-sensitive surface 451 at locations corresponding to respective locations on the display (e.g., in FIG. 4C, 460 corresponds to 468 and 462 corresponds to 470) (E.g., 460 and 462 in Figure 4c). In this manner, the user inputs (e.g., contacts 460, 462 and their movements) detected by the device on the touch-sensitive surface (e.g., 451 in FIG. 4C) Is used by the device to manipulate the user interface on the display of the multifunction device (e.g., 450 in Figure 4c). It should be appreciated that similar methods may be used for other user interfaces described herein.

In addition, while the following examples are given primarily with reference to finger inputs (e.g., finger contacts, finger tap gestures, finger swipe gestures), in some embodiments, one or more of the finger inputs It should be understood that it is replaced by an input from a device (e.g., a mouse-based input or a stylus input). For example, a swipe gesture can be replaced by a subsequent movement of the cursor along the path of the swipe (e.g., instead of the movement of the contact) following a mouse click (e.g., instead of a contact). As another example, the tap gesture can be replaced with a mouse click while the cursor is positioned over the position of the tap gesture (e.g., instead of continuing to stop detecting the contact following detection of the contact). Similarly, when multiple user inputs are detected simultaneously, it should be understood that multiple computer mice may be used simultaneously or that both mouse and finger contacts may be used simultaneously.

Attention is now directed to embodiments of user interfaces ("UI") and related processes that may be implemented on a multifunction device having a display and a touch-sensitive surface, such as device 300 or portable multifunction device 100 do.

5A-5D illustrate exemplary user interfaces for creating and managing folders including one or more of the selectable user interface objects, in accordance with some embodiments. The user interfaces in these figures are shown in Figures 6A to 6E, 7A to 7C, 8A to 8C, 9A and 9B, 10A and 10B, 11A to 11C, 12A to 12E, &Lt; / RTI &gt; and the processes in FIGS. 13A-13E.

Now, a multifunction device having a touch screen (e.g., 112 in Figures 5A-5N, 5P-5LD) display (e.g., touch screen 112) 0.0 &gt; 100 &lt; / RTI &gt; in FIG. In some embodiments, the multifunction device 100 also includes a microphone (e.g., as shown in Figs. 5A-5D), a microphone 5n, Figures 5p through 5ld), one or more optical sensors (e.g., Figures 5a through 5n, 164 in Figures 5p through 5ld), proximity sensors (e.g., Figures 5a through 5n, (E.g., 166 in Figure 5d), and one or more accelerometers (e.g., 168 in Figures 5a-5n, 5p-5d).

In some embodiments, the multifunction device 100 may include a signal strength indicator (s) (e.g., a signal strength indicator (s)) for wireless communication (s) such as cellular and Wi-Fi signals 402 at 5ld); Time indicators (e.g., 404 in Figures 5A-5N, 5P-5LD); A Bluetooth indicator (e.g., 405 in Figures 5A-5N, 5P-5LD); And a plurality of notification icons, such as a battery status indicator (e.g., 406 in Figures 5A-5N, 5P-5LD). According to some embodiments, the multifunction device also displays a plurality of selectable user interface objects (e.g., application icons 5002 and folder icons 5004 in FIGS. 5A-5D). In some embodiments, one or more of the selectable user interface objects may be displayed on a tray (e.g., 5006 in FIGS. 5A-5N, 5P-5D), sometimes also referred to as a dock, do. In some embodiments, selectable user interface objects (e.g., application icons and / or folder icons) outside the tray are part of selectable user interface objects of a plurality of sets / pages, wherein each set / The selectable user interface objects of the page include a plurality of different selectable user interface objects. However, in some embodiments, if multifunction devices switch from selectable user interface objects of the first set / page to selectable user interface objects of the second set / page, the tray 5006 does not change.

Now, consider 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, action icons 5002 include a plurality of application icons (e.g., a photo application icon 5002-1, a clock application icon 5002-2) for activating respective applications, Icon 5002-3, solitary application icon 5002-4, weather application icon 5002-5, note application icon 5002-6, text application icon 5002-7, map application icon 5002- 8, a stock application icon 5002-9, a camera application icon 5002-12, a racing application icon 5002-13, an email application icon 5002-14, a phone application icon 5002-15, An application icon 5002-16), a bookmark icon 5002-10 for launching a web browser and displaying a bookmarked web page, and a document view / edit application Articles (5002-11) for activating the Vacation - comprises - that also for displaying the document associated with the document icon (5002-11).

The folder icons (e.g., 5004-1-a and 5004-2 in FIG. 5A) in FIG. 5A are icons that can be activated to display the folder view. In some embodiments, each of the folder icons 5004 includes a plurality of reduced scale representations of selectable object indicators associated with the folder (e.g., reduced scale representations "x1" for folder icon 5004-1, z1 "," z2 "," z3 "," z4 ", and" z3 "for folder icons 5004-2, "z5 ", and" z6 "). It should be noted that, in accordance with some embodiments, displaying the folder view includes displaying an area containing a plurality of selectable user interface icons (e.g., action icons 5002). In Figure 5A, the device is in a normal mode of operation. In other words, selecting one of the action icons will activate the application (e.g., launching an application that is not currently running on the device or displaying a view of the application currently running on the device). In some embodiments, the device detects a request to enter the user interface reconfiguration mode. For example, in FIG. 5A, the device detects contact 5008 with a solitair application icon 5002-4 for a time period exceeding a predetermined period of time (e.g., 2 seconds), and in response thereto, The device enters the user interface reconfiguration mode.

In Fig. 5B, the device has entered the user interface reconstruction mode. In some embodiments, the selectable user interface objects (e.g., 5002, 5004) display a visual indication that the device is in a user interface reconfiguration mode. For example, as illustrated in FIG. 5B, the selectable user interface objects are shaken as if they are floating in water (e.g., each selectable user interface object has an average position of each of the selectable user interface objects on the display, . Also, in some embodiments, in the user interface reorganization mode, while at least some of the selectable user interface objects are associated with an object removal badge (e.g., 5010 in FIG. 5B) (E.g., the weather gesture 5011 in FIG. 5B), the selectable user interface object associated with the object removal medium (e.g., weather application icon 5002-5 in FIG. 5B) (E.g., deleted).

Also, in some embodiments, one or more of the folder icons change appearance when the device enters the user interface reconfiguration mode. For example, in FIG. 5A, when the device is in a normal mode of operation, the folder icon 5004-1-a includes a first plurality of reduced size representations of selectable user interface objects (e.g., X2 ", "x4 "," x5 ", and "x6" in the device interface 5004-1-a while in Fig. 5b, (E.g., "x4", "x5", "x6", and "x7") of the selectable user interface objects are associated with a folder icon -1-b). Also, in some embodiments, one or more of the folder icons (e.g., 5004-1-b in FIG. 5B) may include a notification medium that indicates that the application associated with one of the selectable user interface objects in the folder has a notification (5012). In some embodiments, one of the reduced scale representations (e.g., "x7" in the folder icon 5004-1-b) includes its own notification badge 5014 indicating that the application associated with the reduced scale representation has a notification ). Typically, notification is an indication that an application requires attention of the user of the device (e.g., updates are available because a new message has arrived or a new event has occurred).

Now, in accordance with some embodiments, attention is drawn to Figs. 5B through 5F illustrating exemplary user interfaces for creating a new folder. 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 includes a contact 5016-a on a touch-sensitive surface (e.g., touch screen 112) at a location corresponding to the "racing " action icon 5002-13, (E.g., a contact location 5016-b on the touch screen 112, as shown in Figure 5C). 5C, the action icon 5002-13 is moved to the edge of the display (e.g., touch screen 112) and is maintained at the edge of the display for more than a predetermined time threshold (e.g., one second). In response to detecting the action icon 5002-13 at the edge of the display (e.g., touch screen 112) while the predetermined time threshold is exceeded, the device determines whether the next set (e.g., / Navigates to selectable user interface objects on the page.

In some embodiments, the device maintains selectable user interface objects of a plurality of pages while the device is in a normal mode of operation. In some of these embodiments, when the device enters the user interface reconfiguration mode, the device creates an additional page containing a new empty folder. For example, there are no action icons 5002 on the page displayed in FIG. 5D, and there are no populated folders, so that the device can not open empty folders (e.g., folders that do not contain any selectable user interface objects) And the folder icon 5004-3 for the user. In some embodiments, a folder icon (e.g., 5004-3) for an empty folder has a different appearance than a folder icon for a populated folder (e.g., a folder containing one or more selectable user interface objects).

In FIG. 5D, the device detects a request to move the selectable user interface object 5002-13 to the folder icon for the empty folder 5004-3. In the example shown in Fig. 5D, the request is from a contact location 5016-b near the edge of the display (e.g., touch screen 112) to a contact location proximate the folder icon 5004-3 for the new empty folder (E.g., 5016-c in Figure 5e). In response to the request to move the selectable user interface object, the device may move the selectable user interface object from a location near the edge of the display (e.g., touch screen 112) (e.g., 5002-13 in Figure 5d) It moves to the active area for the location or folder icon 5004-3 that is close to or overlaps with the folder icon 5004-3 for the empty folder.

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

In some embodiments, the device always displays an empty folder while in the user interface reconfiguration mode. For example, in Figure 5F, once the previous empty folder (e.g., the folder associated with the folder icon 5004-3) is filled (e.g., as shown in Figures 5C-5E, (E.g., after 5002-13 is added to the folder), the device creates a subsequent new empty folder and displays a folder icon (e.g., 5004-4 in Figure 5f) associated with this subsequent new empty folder (E.g., touch screen 112). Thus, a new empty folder can be simply created by the user by populating the previous empty folder. In some embodiments, any folder icons (e.g., folder icon 5004-4) associated with empty folders are stopped being displayed by the device when the device returns to normal operation mode. For example, in FIG. 5F, the device detects a request to return to normal operation mode (e.g., a push input 5022 on the home button 204 in FIG. 5F). In response to the request to return to the normal mode of operation, the device returns to the normal mode of operation and a blank folder (e.g., as shown in FIG. 5F) on the display (e.g., touch screen 112) 5004-4).

Turning now to Figures 5h-51, which illustrate exemplary user interfaces for creation of a new folder, in accordance with some embodiments. In some embodiments, the device enters a user interface reconfiguration mode (e.g., as described in more detail above with reference to FIG. 5A). In some embodiments, when the device enters the user interface reconfiguration mode, a new folder creation element (e.g., a new folder creation area 5024 in Figure 5H) is displayed on the display (e.g., touch screen 112) do. In some embodiments, when the device enters the user interface reconfiguration mode, the selectable user interface icons on the display (e.g., touch screen 112) are moved toward each other (e.g., Such that the amount of space is reduced along at least one axis, such as the vertical axis, to form a space for the new folder generating element (s). In some embodiments, the device detects a request to add a new folder (e.g., a tap gesture 5026 at a location on the touch screen 112 corresponding to a new folder creation area 5024). In response to the request to create a new folder, the device creates a new folder and displays a folder icon (e.g., 5004-5 in Figure 5i) on the display (e.g., touch screen 112). In some embodiments, a folder icon (e.g., 5004-5 in Figure 5i) for the new folder is displayed in a predefined arrangement of selectable user interface objects in the first available location.

In some embodiments, the new folder creation element is represented by an area (e.g., area 5028 in Figure 5i) that includes a visually similar folder creation icon (e.g., 5030 in Figure 5i) with a new folder icon. In some embodiments, the device detects a request to create a new folder. For example, as shown in FIG. 5i, the device may be configured to display a touch-sensitive surface (e.g., a touch screen 112) at a location corresponding to the location of the folder creation icon 5030 on the display ) 5034, and a subsequent movement 5034 of contact outside the folder creation area. In some embodiments, the device displays an animation of the folder moving out of the folder creation element in accordance with movement 5034 of the contact. In other words, it appears that the new folder icon (e.g., 5004-6 in Figure 5j) is 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 this new folder with the folder icon 5004-6 that has been dragged outside the folder creation area.

In some embodiments, the device receives a request to add one or more of the selectable user interface objects (e.g., action icon 5002-6) into one of the new folders. For example, in Figure 5j, the device detects contact 5035 with action icon 5002-6 and subsequent move 5036 of contact to 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 a folder and removes the selectable user interface object from the display. In some embodiments, after adding the selectable user interface object to the folder, the device modifies the folder icon associated with the folder to which the selectable user interface object is added. 5K, the device has added an action icon 5002-6 to a folder associated with the folder icon 5004-5, and the folder icon 5004-5 has been updated to include an action icon 5002 (E.g., "N" in folder icon 5004-5).

In some embodiments, any folder icons (e.g., folder icon 5004-6) associated with empty folders are stopped being displayed by the device when the device returns to normal operation mode. For example, in FIG. 5K, the device detects a request to return to normal operating mode (e.g., press input 5038 on home button 204 in FIG. 5k). In response to the request to return to the normal mode of operation, the device returns to the normal mode of operation and returns to an empty folder (e.g., as shown in FIG. 5k) on the display (e.g., touch screen 112) 5004-6 of &lt; / RTI &gt; However, it should be appreciated that according to some embodiments, any folder icons representing the folders with one or more selectable user interface objects are continuously displayed. For example, in Fig. 51, after the device returns to the normal operation mode, the folder 5004-5 is continuously displayed. Also, in some embodiments, when the device returns to a normal mode of operation, the selectable user interface objects are rearranged to narrow any gaps in the array. For example, in Figure 5K, the selectable user interface objects are in a first arrangement having a gap that has been used to position the note application icon 5004-6 (e.g., as shown in Figure 5j) On the other hand, in Figure 51, the selectable user interface objects have been rearranged to narrow the gaps.

Now, in accordance with some embodiments, attention is drawn to Figures 5m-5o illustrating exemplary user interfaces for creation of a new folder. In some embodiments, the device receives a folder creation request while the user interface reorganization mode corresponds to one of the selectable user interface objects moving to another one of the selectable user interface objects. For example, in FIG. 5M, the device may include a touch-sensitive surface (e.g., a touch screen) corresponding to the location of a first action icon (e.g., solitair application icon 5002-4) (E.g., 5040-a) at a location on the touch screen 112 (e.g., touch screen 112), and the first action icon 5002-4 is displayed as a second action icon 5002-13 (E.g., from the first position 5040-a in Fig. 5m to the second position 5040-b in Fig. 5n) on the touch screen 112 (e.g., on the touch screen 112). In some embodiments, the device displays an indication that the folder is about to be created (e.g., by highlighting the second action icon 5002-13, as shown in Figure 5n). In some embodiments, the device detects the end of the input (e.g., detecting lifting of the contact 5040-b) and then creates a folder containing the first action icon and the second action icon. In some embodiments, the device may be configured so that the input is predefined (e.g., while the first action icon 5002-4 is on top of or adjacent to the second action icon 5002-13) Stopping of contact while exceeding the period of time), and then generates a folder including the first action icon and the second action icon.

In some embodiments, along with creating a folder, the device displays a new folder icon associated with the folder. In some embodiments, the new folder icon includes reduced scale representations of user interface objects that have been added to the folder. In some embodiments, the folder may include descriptors (e.g., icons) of a first selectable user interface object (e.g., action icon 5002-4) and / or a second selectable user interface object Is named based on. For example, FIG. 5O illustrates how the device may create a folder containing a first action icon (e.g., Solitaire application icon 5002-4) and a second action icon (e.g., racing application icon 5002-13) Wherein the input is indicative of receiving a touch-sensitive surface (e.g., a touch screen) corresponding to the location of the first action icon 5002-4 on the display (e.g., touch screen 112) Contact 5044 at a location on the top of the second action icon 500), and subsequent movement 5046 of the contact 5044 to a position in proximity to (or above) the second action icon 5002-13. In response to this input, the device creates a new folder and creates a new folder containing the reduced selectable user interface objects and the reduced scale representations of the second selectable user interface object (e.g., "O" and "R" And displays the "games" folder icon 5004-7 for the folder. As another example, Figure 5O illustrates how a device creates a folder that includes a first action icon (e.g., car race application icon 5002-17) and a second action icon (e.g., air race application icon 5002-18) Wherein the input indicates a touch-sensitive surface (e.g., a touch screen) corresponding to the location of the first action icon 5002-17 on the display (e.g., touch screen 112) Contact 5048 at a location on the top of the first action icon 500 (e.g., the second action icon 500), and a subsequent movement 5050 of the contact 5048 to a location proximate (or above) the second action icon 5002-18. In response to this input, the device creates a new folder and creates a new folder containing the reduced selectable user interface objects and the reduced scale representations of the second selectable user interface object (e.g., "r1" and "r2" And displays the "racing games" folder icon 5004-8 for the folder. As another example, Figure 5O also illustrates that the device may be configured to create a folder that includes a first action icon (e.g., email application icon 5002-14) and a second action icon (e.g., phone application icon 5002-15) Wherein the input is indicative of receiving an input that includes a touch-sensitive surface (e.g., a touch screen) corresponding to the location of the first action icon 5002-14 on the display (e.g., touch screen 112) 1125) and a subsequent movement 5054 of the contact 5052 to a position in proximity to (or above) the second action icon 5002-15. In response to this input, the device creates a new folder and creates a new folder containing the reduced selectable user interface objects and the reduced scale representations of the second selectable user interface object (e.g., "E" and "P" Quot; communication "folder icon 5004-9 for the folder.

As another example, Figure 5O also illustrates that the device may be configured to create a folder containing a first action icon (e.g., camera application icon 5002-12) and a second action icon (e.g., stock application icon 5002-9) Wherein the input indicates a touch-sensitive surface (e.g., a touch screen) corresponding to the location of the first action icon 5002-12 on the display (e.g., touch screen 112) 1125) and a subsequent movement 5058 of the contact 5056 to a position in proximity to (or above) the second action icon 5002-9. In response to this input, the device creates a new folder and creates a new folder containing the reduced selectable user interface objects and the reduced scale representations of the second selectable user interface object (e.g., "C" and "S" Quot; photo "folder icon 5004-10 for the folder. As another example, FIG. 5O also shows that the device is configured to create a folder that includes a first action icon (e.g., stock application icon 5002-9) and a second action icon (e.g., camera application icon 5002-12) Wherein the input is indicative of receiving a touch-sensitive surface (e.g., a touch screen) corresponding to the location of the first action icon 5002-9 on the display (e.g., touch screen 112) 112) and a subsequent movement 5062 of the contact 5060 to a position in proximity to (or above) the second action icon 5002-12. In response to this input, the device creates a new folder and creates a new folder containing new thumbnails of the first selectable user interface object and the second selectable user interface object (e.g., "S" and "C" Quot; Utility "folder icon 5004-11 for the folder.

[0060] [0050] Turn now to Figures 5p-5r illustrating exemplary user interfaces for renaming a folder, in accordance with some embodiments. In some embodiments, the new folder is automatically named after it is created, as described above with reference to Figure 5O. In some embodiments, immediately after the folder is created, the device displays a name resolution dialog (e.g., 5064 in Figure 5P). In response to detecting a confirmation input (e.g., a tap gesture 5066 at a location corresponding to the "OK" icon on the touch screen 112 in Figure 5P), the device, Create and auto-generate names. In response to detecting a cancellation input (e.g., a tap gesture 5068 at a location corresponding to the "cancel" icon on the touch screen 112 in Fig. 5P), the device, Cancel creation. In response to detecting a rename input (e.g., tap gesture 5070 at a location corresponding to the "rename" icon on touch screen 112 in FIG. 5P), the device displays the name of the new folder (E.g., from "games" to "fun" as shown in Figure 5q) and by detecting a tap gesture 5074 at a location corresponding to the location of the "ok" icon on the touch screen 112 ) Dialog 5072 to confirm the rename. The device displays a folder icon associated with the new name for the new folder (e.g., 5004-7 in Figure 5r).

Turning now to Figures 5s-5q, which illustrate exemplary user interfaces for displaying a folder view, in accordance with some embodiments. In some embodiments, the device displays a folder view of a folder associated with a folder icon (e.g., 5004-7) in response to detecting a request to activate a folder icon (e.g., tap gesture 5076 in FIG. Display. In response to detecting the request, the device may display a folder view (e.g., as shown in any of Figures 5t, 5u, 5v, 5w, 5x, or 5y) 112). In some embodiments, the device may create a folder (e.g., either directly transitions to any of Figures 5t, 5u, 5v, 5w, 5x, or 5y) (E.g., directly transitioned to any of Figs. 5q to 5t, 5u, 5v, 5w, 5x, or 5y).

In Figure 5t the folder view 5078 is shown to cover at least a portion of the touch screen 112 so as to make the selectable user interface objects displayed on the touch screen 112 difficult to view (e.g., hide or de- emphasizing) overlay. In some embodiments, selectable user interface objects that are not in a folder are at least partially faded to provide contextual feedback by representing an array of selectable user interface objects external to the folder view (e.g., 5078 in Figure 5t) (E.g., 5078 in Figure 5t). In some embodiments, the folder view (e.g., 5078 in Figure 5t) includes selectable user interface objects (e.g., 5002-4, 5002-13) that have been added to the folder associated with the new folder icon 5004-7 .

In Figure 5U, the folder view 5080 covers all or substantially all of the touch screen 112, making it difficult to view selectable user interface objects displayed on the touch screen 112, (E.g., 5080 in Fig. 5u) while providing an contextual feedback (e.g., including the location of the folder icon 5004-7 for the folder in the array) by representing an array of user interface objects Lt; RTI ID = 0.0 &gt; overlay. &Lt; / RTI &gt; The folder view (e.g., 5080 in FIG. 5U) includes selectable user interface objects (e.g., 5002-4, 5002-13) that have been added to the folder associated with the new folder icon 5004-7.

Note now Figures 5v through 5y illustrating exemplary user interfaces for displaying an animated transition to a folder view, in accordance with some embodiments. In some embodiments, the device displays a transition animation that transitions from displaying a folder icon to displaying a folder view. 5V, the device may receive a request to display a folder view (e.g., a tab gesture at a location on the touch screen 112 corresponding to the location of the folder icon 5004-7 in FIG. 5076)) in response to a user request. Exemplary animations in FIG. 5v may be generated by moving a plurality of selectable user interface objects (e.g., 5002-7) on the display (e.g., touch screen 112) by moving towards the edges of the display , 5002-8, 5002-10, 5002-11, etc.). With the scattering of the plurality of selectable user interface objects, the device displays a selected folder icon 5004-7 that expands to fill the touch screen 112, as shown in Figure 5w, (E.g., 5002-4, 5002-13 in FIG. 5w) associated with the folder represented by the folder represented by the folder (e.g., 5004-7 in FIG. 5s) do.

As another example of an animated transition, in Figure 5x, the device may receive a request to display a folder view (e.g., detecting a tap gesture 5076 on folder icon 5004-7 in Figure 5S) And displays the animation in response. Exemplary animations in Figure 5x include dividing the desktop into a first portion 5084 and a second portion 5086 and moving the second portion away from the first portion (e.g., as shown in Figure 5y) . In some embodiments, the first portion has an edge 5088 with a contour complementary to the contour of the edge 5090 of the second portion. For example, in Figure 5x, 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 the second portion move away from each other. In Fig. 5y, a folder view 5092 is displayed in the area between the first part 5084 and the second part 5086. Fig. With the movement of the first portion 5084 and the second portion 5086, the device is represented by a selected folder icon (e.g., 5004-7 in Figure 5s) within the folder view (e.g., 5092 in Figure 5y) (E.g., touch screen 112) selectable user interface objects associated with the folder (e.g., 5002-4, 5002-13 in Figure 5y). In some embodiments, the animation is a sliding door that slides down to reveal selectable user interface objects (e.g., 5002-4, 5002-13 in Figure 5y) that are associated with the folder from behind the desktop (E.g., 5002-4, 5002-13 in Figure 5y) to the folder, as shown in Figure 5D. 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 Figure 5y. In some embodiments, the folder icon 5004-7 includes other selectable user interface objects (e.g., 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002- 7, 5002-8, 5002-9, 5004-1-b, 5002-10, 5002-11, 5002-12). In some embodiments, the contour of the edge 5088 of the first portion or the contour of the edge of the second portion is adjusted such that the contours of the edges are no longer complementary. For example, in Figure 5x, the edges 5088 of the first portion 5084 and the edges 5090 of the second portion 5086 have a complementary cut-out notch 5094. [ However, continuing with this example, after the portions have moved away from one another as shown in Figure 5y, the edge 5088 of the first portion 5084 still has a cutout notch 5094, while , The edge 5090 of the second portion 5086 is straight, so that the edges are no longer complementary. In some embodiments, the cutout notch 5094 may include a selection of the selected folder icon (e.g., 5004-7 in Figures 5x and 5y) within the array of selectable user interface objects, as shown in Figure 5y. Provides a visual indication of the location.

In some embodiments, the device may detect a tap gesture 5096 at a location on the touch screen 112 that corresponds to a location outside the folder view exit input (e.g., a location outside the folder view 5092 in Figure 5y) And in response to the folder exit input, the device stops displaying the folder view (e.g., as shown in Figure 5S). In some embodiments, the device detects a folder renaming input (e.g., detecting a tab gesture 5098 on a renaming area of a folder, such as a button or text entry area or the name of a folder) In response to the input, the device provides a renaming interface (e.g., a soft keyboard that slides up from the bottom of the touch screen) that can be used to rename the folder.

Now, in accordance with some embodiments, attention is drawn to Figures 5y to 5b, which illustrate exemplary user interfaces for canceling the creation of a folder. In some embodiments, if a cancel input is received, the folder creation operation is canceled. In some embodiments, the cancellation input is immediately followed by the creation of a new folder with one or more selectable user interface objects (e.g., action icons 5002-4, 5002-13) And removing one 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 Figure 5y, the device contacts contact 5100 at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to one of selectable user interface objects 5002-4 in the folder. And a touch screen (not shown) in Fig. 5Z in the outside of the folder view 5092 from the first contact location 5100-a on the touch screen 112 in Fig. 5y inside the folder view 5092 1122) to a second contact position 5100-b on the second contact position 5100-b. 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 Figure 5z, the selectable user interface object 5002-4 is external to the folder, and in Figure 5ab, after detecting the end of the contact, the selectable user interface object 5002-4 is placed outside the folder Is displayed.

In some embodiments, the folder icon is also updated to reflect changes in the contents of the folder. For example, in Figure 5y, the folder icon 5004-7 displays the reduced scale representations (e.g., "O") of both selectable user interface objects (e.g., 5002-4, 5002-13) (E.g., 5002-4) is moved out of the folder, and in Figure 5ab, the selectable user interface objects remaining in the folder (e.g., " Only a reduced scale representation (e.g., "R") of the folders 5004-13 is displayed on the folder icon (e.g., 5004-7 in Fig.

In some embodiments, because this is a folder creation cancel action, the folder icon is stopped being displayed and the remaining selectable user interface objects (e.g., 5002-13) remain open (e.g., as shown in Figure 5cb) Re-displayed outside the view. In some embodiments, a folder icon (e.g., 5004-7) that changes to a remaining selectable user interface object (e.g., selectable user interface object 5002-13 remaining in the folder), as shown in Figure 5bb Where an intermediate stage 5104 of animation (e.g., an animation frame between the folder icon and the remaining selectable user interface objects 5002-13) is displayed on the touch screen 112 Is displayed. In some embodiments, the remaining selectable user interface objects replace the folder icons on the touch screen. For example, in Fig. 5ab, a folder icon 5004-7 is displayed in the fourth row of the first column of the array of selectable user interface objects, while in Fig. 5cb the remaining icon Selectable user interface objects 5002-13 are displayed on the fourth row in the first column of the array of selectable user interface objects.

Note now Figures 5db to 5jb illustrating exemplary user interfaces for deleting a folder, in accordance with some embodiments. In some embodiments, after a new folder is created (e.g., as described in more detail above with reference to Figures 5m-5o), the device automatically displays a folder view of the folder. For example, in Figure 5db, the device displays a folder view 5106 containing two selectable user interface objects (e.g., 5002-4, 5002-13). In some embodiments, when a folder view is displayed, the device also displays a folder renaming area for renaming the folder. For example, in FIG. 5db, the device displays a folder view 5106 with a folder renaming area 5108, where the device can be renamed by a rename input (e.g., a physical keyboard, a keypad, a soft keyboard, Text input from the device) and changed the name of the folder from "games" to "play. &Quot; In response to the rename input, the device renames the folder and changes the appearance of the folder icon (e.g., 5004-7) according to the rename input (e.g., after receiving the rename input, Quot; to "play" in Fig. 5eb).

In some embodiments, the folder view divides the desktop background into a first portion (e.g., 5108) and a second portion (e.g., 5110) and a first portion of the desktop background (e.g., 5108) (E.g., 5110) to display the folder view 5106 in the area between the first portion 5108 and the second portion 5110. The display of the folder view 5106 is illustrated in FIG.

In some embodiments, after the creation of the folder is verified (e.g., by renaming the folder, opening and closing the folder, adding additional selectable user interface objects to the folder, etc.) It is not deleted when it is removed from the folder. More precisely, in some embodiments, the folder is deleted by the device only if all items are removed from the folder. For example, in Figure 5eb, the device detects (e.g., contact 5112) a request to remove a selectable user interface object (e.g., 5002-4) from a folder view (e.g., Detecting a subsequent movement 5114 of the contact 5112 on the touch screen 112 to a position outside the folder view 5106 within the folder view 5106). In response to a request to remove the selectable user interface object (e.g., 5002-4) from the folder view 5106, the device removes the selectable user interface object 5002-4 from the folder view 5106, As shown, the selectable user interface object 5002-4 is displayed outside of the folder view 5106. Continuing with this example, in Fig. 5fb, the device moves from the first contact location 5116-a on the touch screen 112 within the folder view 5106 to the contact 5116 and contact (e.g., (E.g., 5002), including detecting a subsequent move 5118 (e.g., to a second touch location 5116-b on the touch screen 112 outside the folder view 5106 in Figure 5gb) -13) from the folder view. In some embodiments, in response to the request, the last selectable user interface object (e.g., 5002-13 in Figure 5bb) is removed from the folder in response to detecting the end of input corresponding to the request. In some embodiments, the last selectable user interface object displays the display (e.g., touch screen 112) in accordance with the location 5116-b of the contact when the device detects termination of the input (e.g., lifting of the contact) Lt; / RTI &gt;

In some embodiments, after the last selectable user interface object (e.g., 5002-13 in Figure 5bb) is removed from the folder view (e.g., 5106 in Figure 5bb), a reduced scale representation of the selectable user interface object For example, "R") is removed from the folder icon. For example, in FIG. 5hb, the folder icon 5004-7 does not include any reduced scale representations of the selectable user interface objects (e.g., because the folder associated with the folder icon is not associated with any selectable user interface objects As well.

In some embodiments, once the last selectable user interface object (e.g., 5002-13 in Figure 5gb) is removed from the folder view 5106, the folder is deleted and the associated folder view is deleted The display is stopped. For example, in Figure 5ib, the device has stopped displaying both a folder view (e.g., 5106 in Figure 5bb) and a folder icon associated with the folder (e.g., 5004-7 in Figure 5gb). In some embodiments, the device displays an animation in which the folder icon (e.g., 5004-7) disappears. For example, in FIG. 5hb, the folder displays a folder icon 5004-7 that does not have any reduced scale representations of selectable user interface objects, and a folder icon 5004-7, as illustrated by the arrows in FIG. 5hb, 5004-7). Continuing with this animation, in Figure 5ib, the folder icon is stopped being displayed as a whole. After ceasing to display the folder icons, in some embodiments, the device rearranges the selectable user interface objects to narrow the gaps in the predefined arrangement of selectable user interface icons left by deletion of the folder icons. For example, in Figure 5jb, the selectable user interface object 5002-4 associated with the Solitel application is moved to the left to fill the gap left by the folder icon (e.g., 5004-7 in Figure 5hb).

Now, consider, in accordance with some embodiments, FIGS. 5kb-5pb illustrating exemplary user interfaces for adding selectable user interface objects to a folder. In Figure 5kb, the device displays a plurality of action icons (e.g., 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, 5002-16, and a plurality of folder icons (e.g., 5004-1-b, 5004-7, 5004-2) Display user interface objects. In some embodiments, the device may be capable of displaying a start (e.g., a start time) of an input or input corresponding to a request to move each selectable user interface object (e.g., 5002-9) on a display A contact 5120-a on the touch screen 112 at 5kb). In some embodiments, one or more of the other selectable user interface objects (e.g., action icons 5002 and folder icons 5004) may include a default active area (e.g., 5122-1-a, 5122-2- a, 5122-9-a, 5122-4-a, 5122-5-a, 5122-6-a, 5122- 5122-11-a, 5122-12-a, 5122-13-a, 5122-14-a, 5122-15-a, 5122-16-a, 5122-17-a, Each active area for a user interface object is for performing an action associated with each selectable user interface object. In some embodiments, each active area for each action icon is associated with an action that creates a folder containing each action icon. In some embodiments, each active area for each folder icon is associated with an action that adds a selectable user interface object to a folder associated with each folder icon. In some embodiments, one or more of each of the active areas may be configured to detect an input on a touch-sensitive surface corresponding to a movement of a first selectable user interface object (e.g., 5002-9 in Figure 5kb) 5122-1-b, 5122-2-b, 5122-3-b, 5122-4-b, 5122-5-b, 5122-6-b in Figure 51b) , 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 of each active area (e.g., 5122-13-b in FIG. 51b) may be reduced to a respective active area (e.g., Is determined based on the distance from the first selectable user interface object (e. G., 5002-9 in Figure 5kb) to the first respective selectable user interface object (e.

As an example of adding a selectable user interface object to a folder, the device detects input corresponding to a request to move the selectable user interface object to the active area associated with the folder icon. For example, the device may detect touch 5120 at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to each selectable user interface object 5002-9, On the touch screen 112 from the first contact location 5120-a in Figure 5kb to the second contact location 5120-b in Figure 51b to the third contact location 5120-c in Figure 5mb) Detect a subsequent movement 5121 of the contact across the touch-sensitive surface. In response to detecting the input, the device may, as shown in FIGS. 5kb-5mb, move across the display (e.g., touch screen 112) And moves the object 5002-9. In some embodiments, the device automatically rearranges the selectable user interface objects as each selectable user interface object 5002-9 is moved across the display (e.g., touch screen 112). In some embodiments, the device does not rearrange the selectable user interface objects until a predetermined condition is met (e.g., until contact 5120 is stopped being detected on touch screen 112). For example, in Figures 5lb and 5mb, although each selectable user interface object 5002-9 has been moved across the display (e.g., touch screen 112), other selectable user interface objects are immediately reordered It does not.

In some embodiments, the device may be configured such that at least in part, each selectable user interface object 5002-9 has an active area (e.g., a folder icon 5004-7) for one of the other selectable user interface objects (E.g., lifting of contact 5120-c at 5 mb) while it is within range (e.g., 5122-13-b). In some embodiments, in response to detecting the termination of the input, the device sends each selectable user interface object 5002-9 to a folder associated with the selectable user interface object (e.g., folder icon 5004-7) . In some embodiments, after each selectable user interface object (e.g., 5002-9) is added to a folder associated with a selectable user interface object (e.g., folder icon 5004-7) (E.g., 5004-7 in Fig. 5nb) to include a reduced scale representation of the action icon (e.g., "S" in the folder icon 5004-7 in Figure 5nb) . In some embodiments, after the action icon 5002-9 has been added to the folder associated with the folder icon 5004-7, the device may reorder the selectable user interface objects on the display (e.g., touch screen 112) To fill any gaps in the array, as shown in Figure 5OB, where the gap left by the movement of the action icon 5002-9 into the folder is filled.

5OB, the device is in contact with a touch-sensitive surface (e.g., touch screen 112) on a touch-sensitive surface (e.g., touch screen 112) at a location corresponding to the location of an action icon 5002-8 on the display And a subsequent movement 5126 of the contact (e.g., on the touch screen 112, from the first contact location 5124-a in Fig. 5OB to the second contact location 5124-b in Fig. And detects other inputs, including. In some embodiments, one or more of the other selectable user interface objects (e.g., action icons 5002 and folder icons 5004) may include an active area (e.g., 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) Wherein each active area for each selectable user interface object is for performing an action associated with each selectable user interface object. In some embodiments, each active area (e.g., 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 each action icon. In some embodiments, each active area (e.g., 5128-7, 5128-11, or 5128-15) for each folder icon may include a respective selectable user interface object (e.g., 5002-8) It is related to the action that you add to the folder associated with the folder icon. In some embodiments, the size of the active areas is determined based on the distance of the active area from each selectable user interface object (e.g., 5002-8). In some embodiments, the active areas are not displayed on the display (e.g., touch screen 112).

In response to detecting an input (e.g., movement 5126 of contact 5124 on touch screen 112 in Figs. 5OB and 5Pb) The selectable user interface object 5002-8 moves across the display (e.g., touch screen 112) as the contact 5124 moves. In some embodiments, the device does not rearrange the selectable user interface objects until a predetermined condition is met, as described in more detail above with reference to Figures 51b and 5mb. In some embodiments, the device may include a selectable user interface 5002-8 as each selectable user interface object 5002-8 is moved across the display (e.g., touch screen 112), as shown in FIG. 5Pb. Automatically rearrange objects. For example, in Figs. 5OB and 5PB, although each selectable user interface object 5002-8 is still being moved across the display (e.g., touch screen 112) (E. G., Touch screen 112) to fill a gap that may have been left by each selectable user interface object 5002-8.

In some embodiments, the device is configured to move from a second contact position 5124-b in Fig. 5bb to a contact position within the active area 5128-11 for each folder icon 5004-7 Lt; RTI ID = 0.0 &gt; 5130 &lt; / RTI &gt; In some embodiments, the device is configured such that at least partially each selectable user interface object 5002-8 is associated with one of the other selectable user interface objects (e.g., an active area for folder icon 5004-7 (E.g., lifting of contact 5124 from touch screen 112) while in the touch screen 1128, 5128-11. In some embodiments, in response to detecting the end of the input, The device adds each selectable user interface object 5002-8 to a folder associated with the selectable user interface object (e.g., folder icon 5004-7). In some embodiments, each selectable user interface object After the interface object (e.g., 5002-8) is added to a folder associated with the selectable user interface object (e.g., folder icon 5004-7) Correct the reduced scale representation of the icon (e.g., "M" in the folder icon (5004-7) in 5qb) folder to include an icon (e.g., 5004-7 in 5qb).

Note now Figs. 5qb through 5sb illustrating exemplary user interfaces for moving folder icons, according to some embodiments. In some embodiments, while the device is in the user interface reconfiguration mode, the folder icons are displayed in a display (e.g., a touch screen 112) in response to the folder re-positioning inputs on the touch- (112). &Lt; / RTI &gt; For example, in FIG. 5qb, the device may include an input (not shown) including a contact 5132 at a location corresponding to the location of each folder icon 5004-7 on the touch-sensitive surface And a subsequent movement 5134 of the contact 5132 across the touch-sensitive surface (e.g., from the first contact position 5132-a in Figure 5qb across the touchscreen 112 to Figure 5rb To the second contact position 5132-b). In response to detecting the input, the device moves each folder icon 5004-7 to a new location on the display (e.g., touch screen 112) in accordance with the input, as shown in Figure 5rb. In some embodiments, after detecting a predetermined condition (e.g., an end of input, or a pause while moving beyond a predetermined period of time), the device may be configured to detect an input And rearranges the selectable user interface objects to form a space for each folder icon (e.g., 5004-7) that has been moved in response.

Now, in accordance with some embodiments, notice FIGS. 5sb through 5vb illustrating exemplary user interfaces for rearranging selectable user interface objects in folders. In Figure 5sb, the device detects a folder view display input (e.g., tap gesture 5136 at a location corresponding to the location of folder icon 5004-7 on touch screen 112). In response to the folder view display input, the device can display selectable user interface objects (e.g., action icons 5002-4, 5002-13, 5002-9, 5002 (E. G., 5138 in Figures 5TB and 5Ub) that includes a folder (e.g., -8). In some embodiments, the selectable user interface objects in the folder view (e.g., 5138) have a predetermined spatial arrangement and can be rearranged based on the detected rearranged inputs. For example, in Figure 5TB, the device detects a rearranged input (e.g., contact 5140, and subsequent movement 5142 of contact 5140 across the touch screen 112). In response to detecting a reordering input, the device may cause each of the one or more respective selectable user interface objects in the folder view to be moved from a first location in the spatial view of the folder view to a second location in the spatial view of the folder view . For example, in Figure 5TB, the device may be positioned on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the stock application icon 5002-9 on the display (e.g., touch screen 112) Sensitive surface (e.g., touch screen 112) corresponding to the far left of the spatial arrangement on the display (e.g., touch screen 112) A subsequent movement 5142 of the contact 5140 of the contact 5140 is detected. In response to the move, the device moves the stock application icon 5002-9 to the leftmost position in the spatial arrangement of the folder view 5138, as shown in Figure 5ub.

Also, in some embodiments, a folder icon (e.g., 5004-7) associated with a folder view (e.g., 5138) is updated to reflect changes to the spatial arrangement of icons in the folder view (e.g., 5138). For example, in Figure 5TB (e.g., before the spatial arrangement of the selectable user interface objects in the folder view is changed), the device may select user interface objects (e.g., from left to right, top to bottom In the first order corresponding to the spatial arrangement of the icon icons 5002-7, the solitaire application icon 5002-4, the racing application icon 5002-13, the stock application icon 5002-9, and the map application icon 5002-8) (E.g., "O", "R", "S", "M") in ascending scale representations of selectable user interface objects (eg, from left to right, top to bottom in order) In contrast, in Fig. 5b (e.g., after the spatial arrangement has changed), the device can display selectable user interface objects (e.g., from left to right, from top to bottom in the order of the stock application icon 5002-9, Of the selectable user interface objects in the folder view 5138 in a second order corresponding to the new spatial arrangement of the terrain application icon 5002-4, the racing application icon 5002-13, the map application icon 5002-8) S "," O "," R "," M ") in reduced scale representations (eg, from left to right,

In some embodiments, in response to the folder view exit input, the device stops displaying the folder view. For example, in Fig. 5 (b), the device may display a tab gesture at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to a location on a display (e.g., touchscreen 112) (5144). In response to detecting the tap gesture 5144, the device stops displaying the folder view, as shown in Figure 5vb. In some embodiments, the device displays an animation (e.g., touch screen 112) over which the folder view is closed (e.g., the background wallpaper covers selectable user interface objects within folder view 5138) Display.

Now, in accordance with some embodiments, attention is drawn to Figs. 5bb-5c which illustrate exemplary user interfaces for removing selectable user interface objects from a folder. In some embodiments, the device detects a folder view display input (e.g., a tap gesture 5146 at a location corresponding to a folder icon 5004-1-b on the touch screen 112 in Figure 5vb). In response to detecting the folder view display input, the device may display the contents of the folder (e.g., action icons 5002-19, 5002-20, 5002-21, 5002-22, 5002-23, 5002-24, 5002-25).

In some embodiments, one or more of the selectable user interface objects require the attention of the user of the device (e.g., app-7) associated with the selectable user interface object (e.g., action icon 5002-25) (E. G., 5150 in Figure 5wb). &Lt; / RTI &gt; In some embodiments, one or more additional notification badges (e.g., 5012 and / or 5014) may include a folder icon (e.g., 5004) associated with a folder containing selectable user interface objects (e.g., action icons 5002-25) -1-b). &Lt; / RTI &gt; In some embodiments, the additional notification badges are updated as the notification badges on the selectable user interface object are updated (e.g., when the notification badge 5150 appears or disappears or changes to indicate that the number of notifications has changed).

In some embodiments, the device detects a selectable user interface object removal input, and in response to detecting the selectable user interface object removal input, the device removes the selectable user interface object from the folder view. For example, in FIG. 5wb, the device may be positioned at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of application icons 5002-19 on the display (e.g., touch screen 112) (E.g., touch screen 112) toward a location corresponding to a portion of the display 5152 (e.g., the touch screen 112) that is external to the folder view 5148, And detects a subsequent movement 5154 of the contact 5152. In some embodiments, the input may include a quick gesture that does not specify a specific location outside the folder view (e.g., the gesture is a flick gesture or quick tab, and a drag gesture that does not include a pause outside the folder view) , And the device moves the selectable user interface object to the automatic determination location on the display (e.g., touch screen 112) outside the folder view. Continuing with the example, in response to detecting contact 5152 and subsequent movement 5154 of contact, the device may remove action icons 5002-19 from folder view 5148, close the folder view, And displays action icons 5002-19 in a first open position in the array of selectable user interface objects on the display (e.g., touch screen 112). In this example, the action icons 5002-19 are displayed in the lower right corner of the 3x4 array of selectable user interface objects on the display (e.g., touch screen 112 in Figure 5xb).

In some embodiments, if the selectable user interface object is removed from the folder associated with the folder icon, the device updates the folder icon associated with the folder. For example, in FIG. 5wb, the folder icons 5004-1-b associated with the displayed folder view 5148 may include four of the selectable user interface objects included in the folder associated with the folder icons 5004-1-b (E.g., "x4 "," x5 ", "x6 ", and" x7 "). In some embodiments, the empty spaces in the folder icon include a space in which the folder view adds more selectable user interface objects, as illustrated in folder icons 5004-1-b in Figure 5wb . However, after the selectable user interface objects (e.g., action icons 5002-19) are removed from the folder associated with the folder icons (e.g., 5004-1-b) -1-b) to indicate that the selectable user interface object (e.g., 5002-19) has been removed from the folder. For example, in FIG. 5xb, the folder icons 5004-1-b are arranged to indicate that there is one less selectable user interface object in the folder associated with the folder icons 5004-1-b, Representations (e.g., "x2", "x3", "x4", "x5", "x6", "x7" are displayed).

In some embodiments, the device may display a tab gesture 5155 at a location corresponding to an action icon selection input (e.g., an action icon 5002-12 on the touch screen 112 in Figure 5xb) while the device is in a user interface re- ), And in response to an action icon selection input while the device is in the user interface reconfiguration mode, the device displays an application (e.g., a camera application) associated with an action icon (e.g., camera application icon 5002-12) Do not activate. In some embodiments, the device detects a folder view display input (e.g., a tap gesture 5156 at a location corresponding to a folder icon 5004-1-b in FIG. 5xb). In response to detecting the folder view display input, the device may display the contents of the folder (e.g., action icons 5002-20, 5002-21, 5002-22, 5002-23, 5002- 245, and 5002-25) on the display (e.g., touch screen 112).

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

In some embodiments, the device detects a selectable user interface object removal input, and in response to detecting the selectable user interface object removal input, the device removes the selectable user interface object from the folder view. In some embodiments, the selectable user interface object is located in the array of selectable user interface objects according to the selectable object remove input if the selectable object delete input satisfies the predefined conditions. For example, in FIG. 5 (b), the device may be located at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of application icons 5002-22 on the display Contact position 5162 in the folder view 5158 in Figure 5yb across the touch screen 112 and the subsequent movement 5164 of the contact 5162 across the touch- -a) to the contact position in Figure 5zb corresponding to that portion of the touch screen 112 that is outside the folder view 5158). In some embodiments, the device may include a touch-sensitive surface (e.g., touch screen 112) corresponding to a location on the display (e.g., touch screen 112) that is outside of the folder view 5158 for a period of time exceeding a threshold period, ), And in response, the device stops displaying the folder view as shown in Figure 5ac.

In some embodiments, after the folder view is stopped being displayed, the device may move from the first contact position 5162-b on the touch screen 112 on the touch screen 112 in Fig. (I.e., movement to a third contact position 5162-c on the touch screen 112 in Fig. 5Bc corresponding to a position in the array of selectable user interface objects on the touch screen 112). In response to subsequent move 5166, the device moves the selectable user interface object (e.g., action icon 5002-22) on the display (e.g., touch screen 112) as the contact moves. In some embodiments, a selectable user interface object (e.g., action icon 5002) that has been removed from the folder in this manner is placed in accordance with the selectable user interface object entry. Continuing with the example above, the device may determine the end of the input associated with the location on the display (e.g., touch screen 112) within the array of selectable user interface objects (e.g., at contact location 5162-c in FIG. And lifting of contact 5162 from touch screen 112). As shown in Figure 5bc, contact 5162-c and action icon 5002-22 are located between two of the other selectable user interface objects (e.g., 5002-6, 5004-7) (E.g., lifting of contact 5162-c in Figure 5bc), the selectable user interface object is displayed at a location within the array of selectable user interface objects represented by the input (e.g., App-4 action icon 5002-22 is displayed between the note action icon 5002-6 and the game folder icon 5004-7 on the touch screen 112 at 5cc).

In some embodiments, if the selectable user interface object is removed from the folder associated with the folder icon, the device updates the folder icon associated with the folder. For example, in FIG. 5 (b), the folder icons 5004-1-b associated with the displayed folder view 5158 include six (6) of selectable user interface objects included in the folder associated with the folder icons 5004-1-b (E.g., "x2", "x3", "x4", "x5", "x6", and "x7"). However, after the selectable user interface object (e.g., action icon 5002-22) is removed from the folder associated with the folder icon (e.g., 5004-1-b), the device displays the appearance of the folder icon (E.g., 5004-1-b in Fig. 5b to 5004-1-b in Fig. 5ac) to indicate that the selectable user interface object (e.g., 5002-22) has been removed from the folder. For example, in FIG. 5ac, folder icons 5004-1-b show all reduced scale representations in the rearranged folder (e.g., "x2", "x3", "x5", "x6" And "x7" are displayed), there is one selectable user interface object in the folder associated with the folder icon 5004-1-b. Also, in some embodiments, the reduced scale representation of the removed selectable user interface object is ceased to be displayed within the folder icon. For example, the reduced scale representation "x4" is no longer displayed in the folder icons 5004-1-b in FIG. 5cc because the action icons 5002-22 have been removed from the folder.

Note now Figures 5cc through 5ec which illustrate exemplary user interfaces for navigating pages of selectable user interface objects in a folder view, in accordance with some embodiments. In some embodiments, the device has a tab gesture 5168 at a location on the touch screen 112 corresponding to the location of the folder view display input (e.g., the folder icon 5004-2 on the touch screen 112 at 5cc) ). In response to detecting the folder view display input, the device may display the content of the folder (e.g., action icons 5002-26, 5002-27, 5002-28, 5002-29, 5002- (E.g., a touch screen 112) that includes a folder view 5170 that includes a number of folders (e.g., 30, 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, 5002-37) Lt; / RTI &gt;

In some embodiments, if the folder view display input is a request to display a folder view for a folder icon (e.g., 5004-2) in a tray (e.g., 5006 at 5cc) in the user interface, Displays an animation that expands from the dock. For example, in Figure 5cc, the device detects a tap gesture 5168 on the folder icon 5004-2 in the tray 5006, and in Figure 5ec, the folder view 5170 of the folder is displayed. In some embodiments, the device displays the transition animation before displaying the folder view, as shown in Figure 5dc. For example, in response to detecting a tap gesture 5168, the device divides the desktop background into a first portion 5172 and a second portion 5174, and the desktop background slides back (e.g., Selectable user interface objects (e.g., 5002-34, 5002-35, 5002-36, 5002 in Figure 5dc) that appear to be below the desktop background (e.g., portion 5174 moves away from first portion 5172) -37). &Lt; / RTI &gt; 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 (e.g., touch screen 112).

In some embodiments, the folder includes more selectable user interface objects that can be displayed in a folder view (e.g., 5170 in FIG. 5ec). In some embodiments, the folder has a maximum number of selectable user interface objects that can be added to the folder, where 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 Figure 5ec, only twelve selectable user interface objects could be added to the folder associated with the folder view 5170. However, in some embodiments, the folder view includes a plurality of "pages" or sets of selectable user interface objects, wherein the folder displays additional selectable user interface objects that are part of subsequent sets of selectable user interface objects The first set of selectable user interface objects (e.g., action icons 5002-26, 5002-27, 5002-28, 5002-29, 5002-30, 5002-31, 5002-32, 5002-33, 5002 -34, 5002-35, 5002-36, 5002-37). &Lt; / RTI &gt; For example, in Fig. 5ec, the device detects a next page input that includes a contact 5176 and a subsequent movement 5178 of a contact across the touch-sensitive surface (e.g., touch screen 112). In response to detecting the next page entry, the device may select a second set of selectable user interface objects (e.g., action icons 5002-38, 5002-39, 5002-40, 5002-41, 5002-42, 5002-43). In other words, the folder includes 18 selectable user interface objects with 12 selectable user interface objects on the first page and 6 selectable user interface objects on the second page.

Now, consider, in accordance with some embodiments, Figures 5gc through 5mc illustrating exemplary user interfaces for removing selectable user interface objects from a folder. In some embodiments, the device detects a folder view display input (e.g., a tap gesture 5168 at a location corresponding to a folder icon 5004-2 on the touch screen 112 at 5cc). In response to detecting the folder view display input, the device may display the contents of the folder (e.g., action icons 5002-26, 5002-27, 5002-28, 5002-29, 5002- 30, 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, 5002-37).

In some embodiments, the folder view (e.g., 5182) includes a full or substantially entire display (e.g., touch screen 112) in some of these embodiments, the device having a selectable user interface object removal area (E. G., 5184 in Figure 5gc). In some embodiments, in response to detecting a removal request corresponding to a request to move each selectable user interface object into the selectable user interface object removal area 5184, Is removed from the folder. For example, in Fig. 5gc, the device is in contact with the contact 5186 and the contact movement 5188 (e. G., Corresponding to the location of each selectable user interface object 5002-32 on the touch screen 112) From the first touch location 5168-a at the second touch location 5186-a in Fig. 5hc corresponding to the position on the touch screen 112 that is proximate to or within the selectable user interface object removal area 5184, b) is detected. Continuing with this example, the device moves each selectable user interface object (e.g., action icon 5002-32) into the selectable user interface object removal area 5184. In some embodiments, in response to detecting the end of the input (e.g., lifting of contact 5186-b in FIG. 5hc), the device retrieves each selectable user interface object (e.g., , Action icons 5002-32) and automatically rearranges the selectable user interface objects in the folder view 5182 to narrow any gaps in the array of selectable user interface objects. For example, in Figure 5ic, the selectable user interface objects are reordered to fill the gaps that remained in Figure 5hc after each selectable user interface object (e.g., action icon 5002-32) has been removed from the folder view .

In some embodiments, the folder view is suspended from being automatically displayed after the selectable user interface objects (e.g., action icons 5002-32) have been removed from the folder (e.g., To the user interface displayed in Figure 5jc). In some embodiments, the device detects a folder view exit input (e.g., tap gesture 5190 on the "exit folder" icon in the upper right corner of the folder view 5182 in FIG. 5 ic). In response to detecting the folder view exit input, the device stops displaying the folder view and re-displays the home screen, as shown in Figure 5jc. In some embodiments, selectable user interface objects (e.g., 5002-32) that have been removed from the folder are displayed on the home screen, as shown in Figure 5jc.

In some embodiments, the device detects a folder view display input (e.g., a tap gesture 5192 at a location corresponding to the folder icon 5004-2 in Figure 5jc). In response to detecting the folder view display input, the device may modify the folder's modified content (e.g., action icons 5002-26, 5002-27, 5002-28, 5002-29, 5002-30, 5002-31, 5002-33, 5002-34, 5002-35, 5002-36, 5002-37). In some embodiments, instead of or in addition to the selectable user interface object removal area described above, the device displays an object modification target associated with one or more of the selectable user interface objects. For example, in Figure 5kc, each of the selectable user interface objects has an object modification target associated therewith (e.g., action icons 5002-37 have respective object modification targets 5194).

In some embodiments, a device may request a touch screen 112 corresponding to a request to activate an object modification target for each selectable user interface object (e.g., the location of the object modification area for action icons 5002-37) 0.0 &gt; 5196 &lt; / RTI &gt; at a location on the screen), the device displays an object modification dialog. For example, in Figure 51c, the device may provide a user with a means to remove an action icon 5002-37 from a folder for modifying a selectable user interface object (e.g., to delete action icons 5002-37) Or to cancel the object modification operation). &Lt; / RTI &gt; In this example, in response to an input corresponding to a request to delete a selectable user interface object (e.g., a tap gesture 5200 on a delete button), the device deletes the selectable user interface object (e.g., As shown, action icons 5002-37 are removed from the folder associated with the folder view and from the device as a whole so that it is not displayed on the home screen or any other folder view). In some embodiments, if 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 corresponding to a request to cancel an object modification operation (e.g., a tap gesture 5202 on the cancel icon), the device may select a selectable user interface object (e.g., action icon 5002-37) Without modifying the object modification dialog 5198, thereby returning to the user interface displayed in Figure 5kc. In this example, in response to an input corresponding to a request to remove a selectable user interface object from a folder (e.g., a tap gesture 5204 on the remove button), the device may remove the selectable user interface object from the device Removes the selectable user interface object from the folder (e. G., Remove the action icon 5002-37 from the folder associated with the folder view, as shown in FIG. 5mc) Lt; / RTI &gt; displays action icons 5002-37).

Now, in accordance with some embodiments, attention is drawn to Figs. 5nc through 5oc illustrating exemplary user interfaces for displaying a folder view during normal operating mode. In some embodiments, the device detects an input that corresponds to a request to return to a normal operation mode out of the user interface reconfiguration mode. For example, in FIG. 5c, the device detects a request to return to normal operating mode (e.g., a push input 5206 on the home button 204 in FIG. 5c). In response to the request to return to the normal operation mode, the device returns to normal operation mode to selectable user interface objects (e.g., action icons 5002 and folder icons 5004) in FIGS. 5OC and 5PC, This makes it impossible (in some embodiments, even if the array of selectable user interface objects can be scrolled one-dimensionally or two-dimensionally) to be rearranged any further.

In some embodiments, while the device is in normal operation mode, the selection of each action icon 5002 activates an application associated with each action icon. For example, in Figure 5oc, detecting a selection of a photo action icon (e.g., detecting a tap gesture 5208 at a location on a touch-sensitive surface corresponding to a photo action icon 5002-1) The device displays the photo application (e.g., launches the photo application if the photo application is not already running, or simply displays the photo application if the photo application is already running). In contrast, in some embodiments, in response to detecting the selection of each folder icon 5004, a folder view for the folder is displayed. For example, after detecting the selection of a game folder icon (e.g., detecting a tap gesture 5210 at a location on a touch-sensitive surface corresponding to the game folder icon 5004-7) Displays a folder view 5212 for the game folder. In some embodiments, while the device is in normal operating mode, the selection of each action icon 5002 in the folder view (e.g., folder view 5212) will activate the application associated with each action icon. For example, detecting a selection of a photo action icon (e.g., a tap gesture 5214 at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to a stock action icon 5002-9, , The device displays the photo application on the display (e.g., touch screen 112) (e.g., launching the stock application if the stock application is not already running, Simply display the stock application if it is already running).

Turning now to Figures 5qc to 5c illustrating exemplary user interfaces for displaying a folder view during normal operating mode, in accordance with some embodiments. In Figure 5qc, the device is displaying a plurality of selectable user interface objects (e.g., action icons 5002 and folder icons 5004) on the home screen. In some embodiments, the device detects an input requesting a selection of a folder icon. For example, in Figure 5qc, the device detects contact 5216 on folder icon 5004-12. Folder icons 5004-12 include a plurality of reduced scale representations of selectable icons associated with the folder (e.g., reduced scale representations "y1 ", y2 ", y3 ", y4 & y6 "," y7 "," y8 ", and" y9 "). As described below, in some embodiments, the reduced scale representations of the selectable icons contained in the folder icons 5004-12 are displayed on a subset of the selectable icons in the folder corresponding to the folder icons 5004-12 Respectively.

Figures 5qc-5tc illustrate the animated transition between the home screen (e.g., application launching user interface) shown in Figure 5qc and the folder view corresponding to the folder icon 5004-12 shown in Figure 5tc. Specifically, in this example, a plurality of selectable user interface objects are displayed in respective arrays on the home screen, and the animation enlarges the respective arrays so that the folder icons 5004-12 are enlarged and moved toward the center of the display (For example, in Figures 5qc and 5c, the device enlarges the arrangement so that the folder icon 5004-12 is enlarged to move towards the center of the touch screen 112; in Figures 5rc and 5sc, Enlarges the array so that the folder icons 5004-12 are enlarged to move toward the center of the touch screen 112; and in Figures 5sc and 5tc, the device enlarges the array and expands the folder icons 5004-12 To be moved toward the center of the touch screen 112). During animation, the device stops displaying enlarged representations of selectable user interface objects other than folder icons 5004-12, as they are "shoved-off" 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. 5tc. In some embodiments, in response to a request to leave the folder view shown in FIG. 5c (e.g., in response to activation of the home button 204), the device displays the animated transition shown in FIGS. 5qc-5tc For example, by reversing from Fig. 5c to Fig. 5sc to Fig. 5c to Fig. 5qc).

Note now Figures 5tc to 5vc which illustrate 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 Figure 5tc, the folder view associated with folder icons 5004-12 (Figures 5qc-5sc) displays a first page that includes a first subset of selectable icons in the folder. In some embodiments, the folder view includes a space for simultaneously displaying selectable icons of less than a specified number less than the total number of selectable icons in the folder. For example, a folder associated with folder icons 5004-12 may include action icons (e.g., application icons) 5002-51, 5002-52, 5002-53 (e.g., application icons) displayed on the first page , 5002-54, 5002-55, 5002-56, 5002-57, 5002-58, 5002-59), but also includes at least the action icons 5002- 60, 5002-61, 5002-62, 5002-63, 5002-64, 5002-65, 5002-66, 5002-67, 5002-68). In this example, the folder view includes space for displaying up to nine selectable icons on each page.

In some embodiments, the folder view associated with the folder icons 5004-12 also displays page indicator icons 5217 that indicate the number of distinct pages of selectable icons that the selectable icons in the folder are divided into . For example, in Figure 5tc, the folder view may include three page markers (e.g., a page indicator corresponding to the first page of selectable icons in the folder) indicating that the selectable icons in the folder are divided among the three pages A page indicator 5217-2 corresponding to the second page of selectable icons in the folder, a page indicator 5217-3 corresponding to the third page of selectable icons in the folder) do. In some embodiments, the page indicator for the currently selected page is displayed differently than the one or more page indicators for the unselected pages. For example, in Fig. 5tc, a page indicator 5217-1 corresponding to the currently selected page (e.g., the first page) is displayed with a first appearance (e.g., as solid black) The page markers 5217-2 and 5217-3 corresponding to the non-pages are displayed with a second appearance (e.g., as a hollow circle) so that the user can see his or her position within the plurality of pages .

In some embodiments, the device detects an input corresponding to a request to display the next page of the folder view. For example, in Figure 5tc, the device detects a contact 5218 at 5218-a on a predefined area of the folder view (e.g., an area that does not correspond to a request to start an action associated with the action icon). In some embodiments, the input corresponding to a request to display the next page of the folder view includes a predefined gesture. For example, in Figure 5tc, 5218 is continuously detected in gesture 5220 across the display. As shown in FIG. 5uc, in some embodiments, the device displays a dragging effect where the gesture 5220 brings an animated change from the first page to the second page (e.g., Rolling "or" sliding "icons between the first page and the second page). As shown further in Fig. 5uc, the device detects the release (or lift) of contact 5218 at 5218-b, and in response to detecting the lift of contact 5218, The second page of selectable icons is displayed, as shown in Fig.

Figures 5vc through 5yc 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. 5vc, a tap gesture containing a contact 5222 is detected on action icons 5002-66, which is interpreted as a request by the device to launch "app y16 ". Before detecting an input, in this example, a plurality of selectable user interface objects are displayed in respective arrays on a second page. While launching "app y16 ", as shown in Figure 5wc, the animation expands each of the arrays so that action icons 5002-66 are enlarged to move towards the center of the display. As shown in FIG. 5xc, during animation, the device stops displaying enlarged representations of selectable user interface objects other than action icons 5002-66, as they are "out of the display." After zooming in on the action icons 5002-66, the display of the enlarged action icons 5002-66 is replaced with an application view 5224, as shown in Figure 5yc. In some embodiments, in response to a request to exit the application view 5224 shown in FIG. 5yc (e.g., in response to activation of the home button 204), the device may display an animated (For example, by stepping backward from Figure 5yc to 5xc to 5wc to 5vc).

Now, consider FIGS. 5zc through 5cd illustrating exemplary user interfaces for removing each icon from the folder view. Figure 5zc is similar to Figure 5vc. However, in Figure 5zc, the device detects an input 5226 corresponding to a request to enter the user interface reconfiguration mode. In some embodiments, an input corresponding to a request to enter a user interface reconfiguration mode is distinguished from a request to initiate an action icon based on predefined criteria. For example, if a contact is detected on an action icon for a predetermined amount of time (e.g., 0.5 seconds, 1 second, or 2 seconds), the device interprets the contact as a request to enter the user interface reconfiguration mode. On the other hand, if the contact is detected on the action icon for less than a predetermined amount of time (e.g., when the device detects a tap gesture rather than a long tap gesture) (E.g., as shown in Figures 5vc to 5yc), instead of entering the user interface reconstruction mode.

In Fig. 5ad, the device has entered the user interface reconfiguration mode. In some embodiments, selectable user interface objects (e.g., action icons 5002) display a visual indication that the device is in a user interface reconfiguration mode. For example, as shown in FIG. 5ad, the action icons shake as if they were floating on the water (e.g., each action icon is centered on the respective average position of the action icon on the display). Also, in some embodiments, while in user interface reconstruction mode, at least some of the action icons are associated with an object removal medium (e.g., 5010 in Figure 5ad), and when the device detects activation of the object removal medium , The action icon associated with the object removal badge is removed (e.g., deleted) from the page of the folder view. In some embodiments, deleting the action icon deletes the application associated with the action icon. In some embodiments, deleting the 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 each icon from a page in the folder view to a respective location on the display outside the folder. For example, in Figure 5ad, the device detects a contact 5228 at 5228-a, and while requesting to move action icons 5002-66 to the lower region of the display, while continuing to detect contact 5228, (E.g., a drag gesture) corresponding to the gesture. As shown in Fig. 5Bd, action icons 5002-66 are moved (e.g., dragged) to a lower area of the display, which is a predetermined icon removal area in this example. Contact 5226 is released at 5226-b (e.g., the lifting of contact 5226 is detected) causing action icons 5002-66 to "drop" in icon removal area 5231. In some embodiments, the action icon is removed from the folder view, according to the determination that each location is within the predetermined icon removal area. In some embodiments, the removal of the action icon from the folder view results in the placement of the action icon at a different location within the user interface. For example, as shown in FIG. 5cd, while the device remains in the user interface reconfiguration mode, action icons 5002-66 are now located on the home screen.

It should now be appreciated that an exemplary method for changing the page of each icon in the folder view in response to detecting the movement of the icon into the page change area (e.g., page change area 5233-1 or next page area 5233-2) Attention is drawn to Figs. 5zc and 5dd to 5fd illustrating the user interfaces. 5Dd shows that contact 5226 moves from 5226-a to 5226-b and releases action icons 5002-66 in icon removal area 5231, 5dd) and the time at which contact 5226 exceeds a predetermined amount at position 5226-c (e.g., within page change region 5233-2) (e.g., 0.1 second, 0.2 second, 0.3 second, 0.4 seconds, or 0.5 seconds), the device displays the next page of the folder view (e.g., the third page of the folder view) as shown in Figure 5Ed, and the device Except that icon 5002-66 is moved to the next page (e.g., the third page of the folder view) when detecting the lifting of contact 5226. [ In some embodiments, the device may dynamically (e.g., dynamically) arrange an array of other action icons 5002 having a second page (e.g., other than action icons 5002-66) in response to the movement of action icons 5002-66 Rearrange. In some embodiments, the displayed page is changed in accordance with the movement of action icons 5002-66 on the page change area. For example, in Figure 5E, the page change area 5233-2 is the next page change area, and the device consequently, in response to detecting the movement of the icon into the page change area 5233-2, Transition from displaying the second page (Fig. 5Ed) to displaying the third page (Fig. 5Fd); On the other hand, the page change area 5233-1 is the previous page change area, and in response to detecting the movement of the icon to the page change area 5233-1, the device displays the second page (Fig. 5d) (Fig. 5cd) from the first page (Fig. In this example, the third page of the folder view includes action icons 5002-69, 5002-70 that already existed on the third page of the folder view.

Figure 5fd shows in this example the release of the contact 5226 interpreted as a request by the device to drop the action icon 5002-66 on the third page of the folder view Lifting of contact 5266). As shown in Figure 5gd, the device dynamically rearranges the arrangement of action icons 5002 on the third page of the folder view, while maintaining in the user interface reconstruction mode, to add the action icons 5002-66 .

In some embodiments, while in the reconfiguration mode, the device detects an input corresponding to a request to leave the reconfiguration mode. For example, in response to detecting the activation of the home button 204 by contact 5234 in Figure 5gd, the device may exit the reconfiguration mode and enter a normal operating mode (e.g., non-active mode), as shown in Figure 5hd. Reorganization operation mode) to display the folder view.

Now, notice FIGS. 5hd-5jd showing exemplary user interfaces for animating the transition from each page of the folder view to the home screen.

In some embodiments, while displaying the third page (or second page, etc.) of the folder view, the device detects an input corresponding to the request to close the folder view (e.g., activation of the home button). In response to detecting 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. 5hd, the device detects activation of the home button 204 by contact 5236. FIG. In response to the request to close the folder view, in Figure 5iD, the device displays a page of the home screen 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 reduced scale representations of the action icons within the current starting page of the folder view. In some embodiments, the device has a different appearance because the folder view has different reduced scale representations displayed on the third page of the folder view, and thus the appearance of the folder icon as it is reduced in size, 5Dd and 5ID, similar to the inversion of the animation that was displayed in Figures 5qc-5tc, except that it includes the reduced scale representations shown. For example, FIG. 5hd shows the third page of the folder view including action icons 5002-69, 5002-70, 5002-66. When navigating away from the folder view from the third page for the home screen (Fig. 5i d), the folder icon 5004-12 displays the reduced scale representation of the action icons 5002-69, 5002-70, 5002-66 .

In some embodiments, as shown in FIG. 5Jd, the device, in the folder icon 5004-12, instead of the reduced scale representations of the third page of action icons in the folder, the reduced scale of the first page of action icons Lt; / RTI &gt;

Now, consider FIGS. 5Jd-5L illustrating exemplary user interfaces for navigating to select page user interface objects of different pages. In some embodiments, the device detects an input corresponding to a request to display selectable user interface objects of different pages of selectable user interface objects of a plurality of distinct individual display pages. For example, FIG. 5Jd shows the detection of a gesture 5238 starting at 5238-a. Figure 5kd shows that gesture 5238 ends at 5238-b (e.g., by detecting the lifting of the gesture). As also shown in Figure 5kd, in response to the gesture being a swipe gesture in this example, the device displays the animated transition between the third page and the second page and, optionally, the lifting of the contact 5238 If the transition is not complete when detected, the device completes the animated transition to stop displaying the third page and instead displays the second page (shown in Fig. 5d).

Figures 6A-6E are flow charts illustrating a method 600 of creating a new folder, in accordance with some embodiments. The method 600 is performed in a multifunction device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3 or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display (e.g., 112 in Figures 5A-5N, 5P-5LD) and the touch-sensitive surface is on a 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. The method reduces the cognitive burden on the user when creating new folders, thereby creating a more efficient human-machine interface. For battery-operated computing devices, it allows the user to create new folders faster and more efficiently, thereby conserving power and increasing the time between battery charges.

The device may display a plurality of action icons 5002 and a plurality of folder icons 5004 on the touch screen 112 (e.g., in Figure 5M) Lt; / RTI &gt; In some embodiments, the selectable user interface objects are action icons 5002 (604). For example, the action icons 5002 may include one or more activatable icons (e.g., a photo application icon 5002-1, a clock application icon 5002-2, a browser application icon 5002-3) A solver application icon 5002-4, a weather application icon 5002-5, a note application icon 5002-6, a character application icon 5002-7, a map application icon 5002-8, (5002-9), a camera application icon 5002-12, a racing application icon 5002-13, an email application icon 5002-14, a phone application icon 5002-15, an iPod application icon 5002-16, ), Files (e.g., document action icon 5002-11), bookmarks (e.g., bookmark action icon 5002-10), and the like. 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 a selection of each selectable user interface object, the device activates (606) the application associated with each selectable user interface object. In some embodiments, applications are activated only when the device is in normal operating mode. For example, selecting the Solitaire application icon 5002-1 in FIG. 5A (e.g., while the device is in normal operating mode) will launch the Solitaire game application. It should be appreciated that if the action icon 5002 represents a file, detecting the input corresponding to the selection of the action icon is to display the application used to view / view or edit the file. For example, if the device detects an input (e.g., a tap gesture) corresponding to a selection of a bookmark icon (e.g., 5002-10 in FIG. 5A) associated with the bookmarked web page, the device will launch a web browser , And navigate to the bookmarked web page. As another example, if the device detects an input corresponding to a selection of a document icon (e.g., 5002-11 in FIG. 5A) associated with a spreadsheet document, the device will launch a spreadsheet editing / viewing application, Editing / Viewing Sheets You will display a spreadsheet document within your application. In some embodiments, the action icon is an application launch icon, selecting an action icon launches the application if the application is not currently running, or displays the application if the application is currently running but hidden from the view. In other words, in response to detecting the selection of the action icon, the device displays a view of the application, but if the application is not running when the input is detected, the device must first launch the application, When the application is already running, the device can simply display the current view of the application and does not need to launch the application.

The device detects the first input (608). For example, as shown in FIG. 5M, the device may determine a location on a touch-sensitive surface (e.g., a first location in FIG. 5m) corresponding to a first object (e.g., a solitair application icon 5002-4) (E.g., to a second location 5040-b in FIG. 5n) of a finger contact across the touch-sensitive surface, . In some embodiments, the first input is a gesture (e.g., a finger drag gesture) detected on a touch-sensitive surface (610). In some embodiments, the touch-sensitive surface is distinct from the display. In some embodiments, the touch-sensitive surface is associated with the display as the touch screen 112.

In response to detecting the first input, the device may cause a first one of the plurality of selectable user interface objects to cross the display (e.g., touch screen 112) to a second one of the plurality of selectable user interface objects To a location on the display (e.g., touch screen 112) that is proximate to the object (612). For example, in Figure 5n, the solitair application icon 5002-4 has a current location (e.g., Figure 5n) that is close to the second object (e.g., the racing application icon 5002-13 in Figure 5n) To 5002-4). In some embodiments, the location is on, or at least partially overlaps, the active area for the second object or the second object, as shown in FIG. 5n, where the solitair application icon 5002-4 is positioned Partially overlaps with the application icon 5002-13. In some embodiments, the location is on, or at least partially overlaps, the active area for the second object, as described in more detail below with reference to method 900.

The device detects (614) that the first input meets the predefined folder creation criteria while the first object is in proximity to the second object. In some embodiments, detecting that the first input meets the predefined folder creation criteria includes detecting an end of the first input while the first object is proximate to the second object (616). For example, in Figure 5n, the device detects lifting of contact 5040-b while solider application icon 5002-4 overlaps with racing application icon 5002-13. As another example, in Figure 5n, the device may display a racing application icon (s) during the time that the solitair application icon 5002-4 exceeds a predetermined period of time (e.g., 0.5 seconds, 1 second, 1.5 seconds, 5002-13) of the contact (5040). In some embodiments, the device is in a user interface reconfiguration mode 618 (i.e., not in a normal mode of operation) when a first input is detected, as described in more detail above. Also, in some embodiments, it is understood that when the device is in a normal mode of operation, the selectable user interface objects can not be moved (e.g., they can not be re-positioned within the array of selectable user interface objects) .

In response to detecting 620 that the first input meets predefined folder creation criteria while the first object is in proximity to the second object, operations 622 through 636 are performed. In some embodiments, in response to detecting that the first input meets the predefined folder creation criteria of the first input while the first object is in proximity to the second object (e.g., as shown in Figures 5n and 5s And stops displaying the first and second objects (as shown) (622). For example, in Figure 5S, after the device detects that the first input meets predefined folder creation criteria (e.g., by detecting the end of input or the pause of input for a time exceeding a predetermined period of time) The solitary application icon 5002-4 and the racing application icon 5002-13 previously displayed in Figure 5n are no longer displayed in Figure 5S. Instead, a folder icon 5004-7 representing a folder containing a solitair application icon and a racing application icon is displayed. In some embodiments, stopping displaying the second object includes displaying an animation that transforms the second object into a folder icon corresponding to the folder. For example, in Figure 5s, the folder icon 5004-7 has replaced the racing application icon 5002-13 from Figure 5n. In some embodiments, the reduced scale representations of the first object and / or the second object are displayed on a folder icon, as described in more detail below with reference to Figures 11A-11C. For example, in FIG. 5s, the folder icon includes reduced scale representations (e.g., "O" and "S") of the solitaire application icon 5002-4 and the racing application icon 5002-13, respectively.

The device creates a folder containing the first object and the second object (624). In some embodiments, creating a folder includes displaying a folder icon representing the folder (e.g., as described in more detail below with reference to method 1100) (626). For example, the device creates a folder containing a solitaire application icon 5002-4 and a racing application icon 5002-13, and displays a folder icon 5004-7 as shown in FIG. 5S. In some embodiments, the folder icons may include other selectable objects (e.g., action icons such as application icons, bookmark icons, document icons, etc.), as described in more detail below with reference to method 700 , &Lt; / RTI &gt; etc.). In some embodiments, the folder icon is displayed 628 at a location on the display (e.g., touch screen 112) that was previously occupied by the second selectable object. For example, in Figure 5n, the racing application icon 5002-13 is the last selectable user interface object in the array of selectable user interface objects (e.g., from left to right, from top to bottom) 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 that changes (e.g., morphs) the second selectable object to a folder icon (630). In some embodiments, existing folders can not be combined in this manner. For example, even if the device detects an input corresponding to dragging a first folder (e.g., 5004-2 in Figure 5n) above the second folder (e.g., 5004-1-b in Figure 5n) , The device will not add the first folder to the second folder.

In some embodiments, after creating the folder, the device automatically displays (632) the folder view containing the contents of the folder. For example, in response to detecting that the first input meets the predefined folder creation criteria, the device automatically moves from the user interface displayed in Figure 5n to the user interface displayed in Figure 5y, And displays the folder view (e.g., area 5092 including solitaire application icon 5002-4 and racing application icon 5002-13, as shown in Figure 5y).

In some embodiments, after detecting a first input, the device displays a plurality of user interface objects on a display in a first arrangement. For example, in Figure 5x, selectable user interface objects (e.g., action icons 5002 and folder icons 5004) are displayed in a two-dimensional grid array, and each selectable user interface object has a grid- And each position in the array. In some of these embodiments, after creating the folder, the device displays (634) the folder view (e.g., 5092 in Figure 5y) on the display (e.g., touch screen 112). In some embodiments, displaying the folder view includes displaying the first object and the second object within the folder view. It should be appreciated that each folder view is part of a display (e.g., touch screen 112) that includes the contents of the folder. For example, the area 5078 in Fig. 5t, the shading area 5092 in Figs. 5y and 5z, the shading area 5106 in Figs. 5db to 5gb, the shading area 5138 in Figs. 5tb and 5ub The shading area 5148 in Fig. 5wb, the shading area 5158 in Figs. 5yb and 5zb, the shading area 5170 in Figs. 5ec and 5fc, and the shading area 5212 in Fig. (E.g., touch screen 112). In some embodiments, the folder view is substantially a full display (e.g., touch screen 112). For example, the region 5080 in FIG. 5U and the region 5182 in FIG. 5Gc-5ic, FIG. 5kc, and FIG. 5mc are substantially all (or all) Folder views.

In some embodiments, the device displays the animated transition from the first arrangement to the folder view (e.g., as described in more detail below with reference to method 1200). In some embodiments, displaying the folder view may display a folder icon (e.g., 5004-7 in Figure 5y) and a representation of at least a portion of the first array to indicate the location of the folder icon in the first array (636). For example, in Figure 5y, selectable user interface objects (e.g., 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, etc.) that were displayed above a folder icon (e.g., 5002-7, 5002-8, 5002-6, 5004-1-b, 5002-10, 5002-11, 5002-12 are continuously displayed on the folder icon 5004-7, The selectable user interface objects (e.g., 5002-14, 5002-15, 5002-16, 5004-2) that were displayed under the folder icon 5004-7 are no longer displayed under the folder icon 5004-7.

In some embodiments, the selectable user interface objects may include one or more action icons (e.g., 5002 in Figure 5oc) and one or more folder icons (e.g., 5004 in Figure 5oc) while the device is in normal operation mode. (638). In some of these embodiments, the device detects a second input (640). In some embodiments, in response to detecting a second input: if the second input corresponds to a request to select a respective action icon, the device activates an application associated with each action icon; And, if the second input corresponds to a request to select a folder icon, the device displays (642) a folder view containing the contents of the folder associated with the folder icon. For example, in Fig. 5oc, a touch-sensitive surface (e.g., a touch screen 112 (e.g., a touch screen) 112 corresponding to the location of an action icon (E.g., on the touch screen 112), while a tab gesture 5208 at a location on the display (e.g., touch screen 112) activates an application (e.g., a photo application) In response to detecting a tap gesture 5210 at a location on a touch-sensitive surface (e.g., touch screen 112) at a location corresponding to the location of the folder icon 5004-7 (E.g., action icons 5002-9, 5002-4, 5002-13, 5002-8) associated with folders 5004-7.

In some embodiments, after creating the folder, the device displays (644) a folder view containing the contents of the folder and displays the object removal area. For example, in Figure 5y, the object removal area is the first portion 5084 of the display (e.g., touch screen 112). As another example, in Figures 5gc and 5hc, the object removal area 5184 is an individual identification portion of the display (e.g., touch screen 112). As another example, in Figure 5wc, portions of the display above and below the folder view 5148 (e.g., touch screen 112) are both object removal areas. In some embodiments, the folder view includes an object removal area (e.g., in Figure 5Gc and 5hc, the folder view 5182 has an object removal area 5184). In some embodiments, the object removal area is outside the folder view (e.g., object removal area 5084 is outside folder view 5092 in FIG. In some embodiments, the object removal area is always displayed (e.g., the object removal area is part of the home screen that is displayed while displaying the folder view). In some embodiments, the object removal area is only displayed while in icon reorganization mode (e.g., no object removal area is displayed in Figure 5S, while object removal area 5084, in Figure 5y, View 5092). In some embodiments, the object removal area is only displayed while currently in the icon reconfiguration mode and currently detecting input corresponding to the request to move the object (e.g., in Figure 5gc, Is detected only when it detects movement of contact 5186 across the touch-sensitive surface).

In some embodiments, while displaying the folder view, the device detects (646) a second input corresponding to the request to move each selectable user interface object into the object removal area, and detects a second input In response, the device removes 648 each selectable user interface object from the folder. For example, in Figure 5y, the device may include a touch 5100-a at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to a solitair application icon 5002-4, (5102) of contact into the object removal area 5084, which is the first portion of the display (e.g., touch screen 112), across the sensitive surface (e.g., touch screen 112) Continuing with this example, in response to detecting such a gesture, the device removes the solitair application icon 5002-4 from the folder and from the folder view 5092, as shown in Figure 5z, The solitair application icon 5002-4 is returned to the first array of selectable user interface objects, as shown in FIG.

In some embodiments, before detecting a first input, a plurality of user interface objects are displayed (650) in a first arrangement on a display (e.g., touch screen 112) If a request to move the user interface object into the object removal area is detected and an end of the second input is detected: the device stops displaying the folder view; And displays (652) each selectable user interface object at a predetermined location in the first array (e.g., at the end of the first array or in a first open position within the first array). In other words, in some embodiments, the second input includes a contact at a location on a touch-sensitive surface corresponding to the location of each selectable user interface object, and includes a display (e.g., Sensitive surface corresponding to movement on a display (e.g., touch screen 112) toward a location of a touch-sensitive surface (e.g., touch screen 112) corresponding to an object removal area 0.0 &gt; 112). &Lt; / RTI &gt; For example, in Figure 5vb, the device displays a first array of selectable user interface objects (e.g., action icons 5002 and folder icons 5004), and in Figure 5wb, the device displays a display Contact 5152 at a location on a touch-sensitive surface (e.g., touch screen 112) that corresponds to the location of the App-1 application icon 5002-19 on the touch screen (e.g., touch screen 112) (E.g., touch screen 112) corresponding to a position on the display (e.g., touch screen 112) that is external to the touch screen (e.g., 5148) do. 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 a first array, as shown in Figure 5xb.

In some embodiments, before detecting a first input, a plurality of user interface objects are displayed (650) in a first arrangement on the display; (E.g., touch screen 112) corresponding to the location of the object removal area on the display (e.g., touch screen 112) for a time when the device exceeds a predetermined amount : The device stops displaying the folder view; The device detects the end of the second input at each location on the touch-sensitive surface (e.g., touch screen 112) corresponding to the location on the display (e.g., touch screen 112) within the first array (654); Then, in response to detecting the end of the second input, the device displays each selectable user interface object at each location in the first array (656). In other words, in some embodiments, the second input may be a touch that moves into an area on a touch-sensitive surface (e.g., touch screen 112) corresponding to an object removal area on the display (e.g., touch screen 112) Which corresponds to a tap and drag gesture. For example, in Figure 5xb, selectable user interface objects (e.g., action icons 5002 and folder icons 5004) are arranged in a first arrangement, and in Figure 5yb the device displays folder views 5158, A second input (e.g., contact 5162) and movement 5164 of the contact on the touch screen 112 corresponding to the movement of the app-4 application icon 5002-22 into the object removal area 5084 from outside Gestures that include the gesture). In this example, in response to detecting a pause in the contact (e.g., 5162-b in Figure 5zb) in the object removal area, the device stops displaying the folder view 5158 (e.g., (E. G., 5166) of the contact within the first array on the touch screen 112. The first array is displayed on the touch screen 112, as shown. In this example, if the device detects termination (e.g., lifting of contact 5162-c from touch screen 112 in Fig. 5Bc), the device will terminate the input 4 application icon 5002-22 at a position in the first array corresponding to the position of the app-4 application icon 5002-22 if the icon is detected.

In some embodiments, after creating the folder, the device detects (658) a second input corresponding to a request to move each selectable user interface object of the first object and the second object out of the folder; If a second input is detected before creation of the folder is verified, the device deletes the folder and re-displays the first and second objects (660). 5E, the first input detected by the device after creation of the folder may be displayed by dragging the Solitaire application icon 5002-4 onto the racing application icon 5002-13, (E.g., contact 5100, and movement 5102 of the contact on the touch screen 112) corresponding to the request to move the application icon 5002-4. In this example, the input is received before creation of the folder is confirmed, so that after the solitair application icon 5002-4 is moved out of the folder, the device deletes the folder 5004-7 in Fig. 5ab And re-displays the racing application icon 5002-13 on the display (e.g., touch screen 112), as shown in Figure 5cb.

In some embodiments, the first object is each object that is moved out of the folder, and the folder is deleted and re-displayed: the location on the display (e.g., touch screen 112) determined based on the second input Displaying a first object in the first display; And displaying the second object at a location on the display (e.g., touch screen 112) previously occupied by the folder icon of the folder (662). Continuing with the example described above with reference to Figs. 5ab and 5cb, the device displays a folder icon 5004-7 (Fig. 5a) in the fourth row at the left end of the selectable user interface objects on the display And in Figure 5cb the racing application icon 5002-13 has replaced the folder icon 5004-7 at the left end of the fourth row of selectable user interface objects. In some embodiments, displaying the second object includes displaying an animation in which the folder icon changes (e.g., morphs) to a second object (664). For example, in FIG. 5bb, the device may display an animation (e.g., as shown in FIG. 5ab) in which the racing application icon 5002-13 is expanded to fill the space previously occupied by the folder icon 5004-7 (5104).

In contrast, if a second input is detected after creation of the folder is confirmed, the device continues to display the folder and displays each object outside the folder. For example, in response to detecting a single application icon from a folder (e.g., detecting contact 5112 and contact 5114), as shown in Figure 5db, if creation of the folder is verified (Removing the solitair application icon 5002-4 in 5eb) does not delete the folder. Rather, in this example, the folder is displayed continuously (e.g., 5004-7 in Figure 5fb). In other words, in some embodiments, after the folder creation is confirmed, the folder is deleted only if the last icon is removed, and if the last icon is deleted, the folder is moved (e.g., instead of changing to one of the action icons) .

In some embodiments, the creation of the folder is verified (668) if the device detects an input corresponding to a request to perform an action to manipulate the folder. Such actions may include opening a folder 670, closing a folder 672, moving a folder 674, renaming a folder 676, adding additional selectable user interface objects to a folder Entering user interface reconfiguration mode (678), entering user interface reconfiguration mode (680), leaving user interface reconfiguration mode (682). In some embodiments, the creation of the folder is verified when the device receives other predefined inputs corresponding to a request to manipulate the folder. In other words, the creation of the folder is confirmed by actions indicating that the creation of the folder was intentional, not accidental.

7A to 7C, 8A to 8C, 9A, 9B, 10A, 10B, 11A to 11C, It should be noted that the details of the other processes described herein with respect to Figures 12A-12E, 13A-13E, and 5A-5LD are also applicable in a manner similar to the method 600 described above. For example, selectable user interface objects (e.g., action icons 5002 and folder icons 5004) described with reference to FIGS. 6A-6E may be displayed on any of the methods 700, 800, 900 (E.g., action icons 5002 and folder icons 5004) described herein with reference to various icons (e.g., icons 1000, 1100, 1200, or 1300) Lt; / RTI &gt; or more. For brevity, these details are not repeated here.

Figures 7A-7C are flow charts illustrating a method 700 of managing folder icons and action icons, in accordance with some embodiments. The method 700 is performed in a multifunction device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3, or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display and the touch-sensitive surface is on a display. In some embodiments, the display is separate from the touch-sensitive surface. Some of the 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 method of managing folder icons and action icons. The method reduces the cognitive burden on the user when managing folder icons and action icons, thereby creating a more efficient human-machine interface. For battery-operated computing devices, it allows the user to manage folder icons and action icons faster and more efficiently, thereby conserving power and increasing the time between battery charges.

The device simultaneously displays 702 on the display one or more action icons (e.g., activatable icons other than application icons and folder icons) and one or more folder icons. 5b-5k, 5m, 5n, and 5p-5n) for activating applications (e.g., as shown in Figures 5a, 5l, 5oc, and 5pc) And a user interface reconstruction mode for rearranging action icons and folder icons on the display (as shown in Figure 5nc). In some embodiments, while the device is in the user interface reconfiguration mode, the selectable user interface objects (e.g., action icons 5002 and folder icons 5004) are rotated about their respective average positions, Indicating that the device is in user reconfiguration mode and that selectable user interface objects (e.g., action icons 5002 and folder icons 5004) may be moved back and forth in the display.

The device may be configured to receive a first input (e.g., tap gesture 5155 in Figure 5xb, tap gesture 5156 in Figure 5xb, tap gesture 5208 in Figure 5oc, or tap gesture 5210 in Figure 5oc) (704). In some embodiments, the first input is a tab gesture (e.g., a folder icon) at a location on a touch-sensitive surface (e.g., touch screen 112) where the first input corresponds to the location of a respective folder icon on the display (Tap gesture 5210 of Fig. 5c) in a position corresponding to folder icon 5004-7 on touch screen 112 or tap gesture 5156 of Fig. 5xb at a location corresponding to folder icon 5004-1-b) (706). &Lt; / RTI &gt; In some embodiments, the first input may be a tap gesture at a location on the touch-sensitive surface (e.g., touch screen 112) where the first input corresponds to the location of the respective action icon on the display A tap gesture 5205 of Figure 5x at a location corresponding to the icon 5002-12 or a tab gesture 5208 of Figure 5oc at a location corresponding to the photo application icon 5002-1 on the touch screen 112. [ (708) corresponding to a request to select each action icon.

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

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

If the device determines (716) that the first input corresponds to a request to select a respective folder icon of one or more folder icons, the device determines whether the device is in a normal operation mode or a user interface reconstruction mode The contents of the folder associated with each folder icon are displayed (718). For example, in Figure 5xb, the device detects a tap gesture 5156 at a location corresponding to a folder icon 5004-1-b while the device is in a user interface reorganization mode, and detects a tap gesture 5156 The device displays a folder view 5158 for the folder associated with the folder icons 5004-1-b, as shown in Figure 5 (b). Similarly, in Figure 5oc, the device detects a tap gesture 5210 at a location corresponding to the folder icon 5004-7 while the device is in normal operation mode, 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 Figure 5pc.

In some embodiments, if the device is in a user interface reconfiguration mode, the folder icon may also be moved in response to the folder re-positioning input. For example, in FIG. 5qb, the device is in a position on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the folder icon 5004-7 on the display (e.g., touch screen 112) And a subsequent movement 5134 of the contact across the touch-sensitive surface (e.g., touch screen 112). In response to detecting the input, the device displays the folder icon 5004-7 on the display (e.g., touch screen 112) determined based on the input, as shown in Figure 5Sb. Move to the position in the array. In some embodiments, the folder icons can not be re-positioned while the device is in normal operation mode. In other words, the same gesture performed while the device is in normal operation mode will not cause the device to re-position the folder icon in the array of selectable user interface objects.

In some embodiments, displaying the contents of a folder associated with each folder icon includes displaying a plurality of action icons (720). (For example, in Figure 5b, the device displays action icons 5002-20, 5002 521, 5002-21, 5002-22, 5002-23, 5002-24, 5002-25) in the folder view 5158, or in FIG. 5c, the device displays action icons 5002-9, 5002-4 , 5002-13, 5002-8) in the folder view 5212). In some of these embodiments, the device detects 724 the selection of an action icon for each of a plurality of action icons. In some of these embodiments, operations 728 through 734 are performed in response 726 in response to detecting the selection of each action icon. In some embodiments, the device determines whether the device is in a normal operation mode or a user interface reconfiguration mode. In some of these embodiments, if the device is in a normal mode of operation (728), the device activates (730) an application associated with each action icon (e.g., in Figure 5pc, -9), in response, the device activates the stock application associated with the stock application icon 5002-9); If the device is in user interface reconfiguration mode (732), the device continues to display (734) each action icon without activating an application associated with each action icon. For example, in FIG. 5 (b), the device may display a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the App-7 application icon 5002-25 on the display And 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 the action icon move input while the device is in the user interface reconfiguration mode. For example, in Figure 5TB, while the device is in the user interface reconfiguration mode, the device displays the location of the stock application icon 5002-9 on the display (e.g., touch screen 112) A touch 5140 at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to a touch (e.g., a touch screen) And a subsequent movement 5142 of contact to a position on the sensitive surface (e.g., touch screen 112). In response to the action icon move input, the device displays the stock application icon 5002-9 on the touch screen 112 based on the movement of the input on the touch-sensitive surface (e.g., touch screen 112) To a new location in the array of selectable user interface objects in the folder view 5138.

In some embodiments, the first input corresponds to a request to select a respective folder icon; The device is in a user interface reconfiguration mode when a first input is detected. In some of these embodiments, while the device is maintained in the 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 (740) a second input; In response to detecting the second input, the device stops displaying the folder view (742). For example, in FIG. 5sb, the device receives a first input (e.g., tap gesture 5136) at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to a folder icon 5004-7, In response to detecting the tap gesture and the device detects the contents of the folder associated with the folder icon 5004-7 on the display (e.g., touch screen 112) (e.g., action icons 5002-9, 5002-4, 5002-13, 5002-8)) (e.g., 5138 in Figures 5TB and 5BU). While displaying the folder view 5138, the device may display a second input (e.g., tap gesture 5144) at a location on a touch-sensitive surface (e.g., touch screen 112) (E.g., a tap gesture located in the area of the touch screen 112 below the folder view), and in response to detecting the second input, the device displays the folder view as shown in Figure 5vb (E.g., touch screen 112).

The device may determine that the first input is a tap gesture 5155 of Figure 5xb at a location corresponding to the camera application icon 5002-12 requesting to select an action icon of each of the one or more action icons, (Tap gesture 5208 in Fig. 5OC at a position corresponding to position 5002-1) (744). In some embodiments, the device determines whether the device is in a normal operation mode or a user interface reconfiguration mode. If the device is in normal operation mode (746), in response to detecting the first input, the device performs operations 750 through 756 as discussed 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 performs operations 758 through 766 as discussed in more detail below.

In some embodiments, operations 752 through 756 are performed (750) if the device is in normal operation mode. The device activates an application associated with each action icon (752). For example, in Figure 5oc, the device may be positioned on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the photo application icon 5002-1 on the display (e.g., touch screen 112) In response to detecting the tap gesture 5208 and detecting the tap gesture 5208, the device activates the photo application associated with the photo application icon 5002-1. In some embodiments, while the device is in normal operating mode, the functionality of each action icon associated with each application is to activate 754 each application (e.g., the action icon is an application launch icon) ; While in normal operating mode, application icons and folder icons can not be rearranged (756) on the display (e.g., relative positions of selectable user interface objects in the array of selectable user interface objects are fixed). Although an array of selectable user interface objects may be scrolled across, paged through, or otherwise transformed across a display (e.g., touch screen 112), these operations may be performed by any arrangement of selectable user interface objects , Since the relative positions of each of the selectable user interface objects relative to one another remain unchanged when the device performs these operations.

Operations 760 through 766 are performed when the device is in user interface reconfiguration mode (758). The device continues to display 760 each action icon without activating an application associated with each action icon. For example, in Figure 5xb, 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, Does not activate the camera application associated with the user interface objects 5002-12 and continues to display only the array of selectable user interface objects, as shown in Figure 5xb. In some embodiments, the action icon may also be moved by a tap and drag gesture. For example, in Figure 5xb, if the device detects a subsequent movement of contact 5155 across a touch-sensitive surface (e.g., touch screen 112), the device, in response to detecting movement, Moves the action icon 5002-12 across the display (e.g., touch screen 112) as it moves.

In some embodiments, while the device is in the user interface reconfiguration mode, each action icon is prevented 762 from being used to activate each application (e.g., to select camera application icon 5002-12) The request does not activate the application icon). In some embodiments, if the device is in a user reconfiguration mode, one or more of the action icons include an erasure area for erasing the action icon (764), whichever of the folder icons is for erasing the folder icon Does not include the deletion area. For example, the device may include an object in Figure 5B associated with a plurality of action icons (e.g., 5002-4, 5002-5, 5002-6, 5002-7, 5002-10, 5002-11, 5002-13) Removal budgets 5010, but does not show object removal media associated with any of the folder icons (e.g., 5004-1-b or 5004-2). In some embodiments, the device detects a delete input (e.g., a tap gesture 5011 in FIG. 5B) that includes a selection of a respective delete region for each action icon; And deletes each action icon (e.g., weather application icon 5002-5). In some embodiments, one or more of the action icons do not include delete areas. For example, in FIG. 5B, a plurality of action icons (e.g., action icons 5002-1, 5002-2, 5002-3, 5002-9, 5002-12, 5002-14, 5002-15, 16) is associated with applications (e.g., phone, email, camera, web browser) that provide access to the basic features of the device and thus can not be deleted by the device while in user interface reconfiguration mode. In some embodiments, while in the user interface reconfiguration mode, the application icons and folder icons are displayed on the display (e.g., touch screen 112), in response to the detected inputs, (766).

6A to 6E, 8A to 8C, 9A, 9B, 10A, 10B, 11A to 11C, and 11A to 11C (for example, It should be noted that the details of the other processes described herein with respect to FIGS. 12A-12E, 13A-13E, and 5A-5LD are also applicable in a manner similar to the method 700 described above. For example, selectable user interface objects (e.g., action icons 5002 and folder icons 5004) described herein with reference to FIGS. 7A-7C may include any of the methods 600, Icons (e.g., action icons 5002 and folder icons 5004) described herein with reference to a list of icons (e.g., icons 800, 900, 1000, 1100, 1200, ). &Lt; / RTI &gt; For brevity, these details are not repeated here.

Figures 8A-8C are flow charts illustrating a method 800 of naming a new folder, according to some embodiments. The method 800 is performed in a multifunction device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3 or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display and the touch-sensitive surface is on a display. In some embodiments, the display is separate from the touch-sensitive surface. Some of the operations in method 800 may be combined and / or the order of some operations may be changed.

As described below, method 800 provides an intuitive way to name new folders. The method reduces the cognitive burden on the user when naming the new folder, thereby creating a more efficient human-machine interface. For battery-operated computing devices, it allows users to name new folders faster and more efficiently, thereby conserving power and increasing the time between battery charges.

The device receives (802) an input corresponding to a request to create a folder containing a first item and a second item (e.g., the items may be stored in applications, software programs, or icons on a display or other selectable user interface Files corresponding to objects). In some embodiments, the folder initially includes only the first item and the second item (i.e., 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 a first item and a second item may cause the first item to be close to the second item (e.g., as described in more detail above with reference to method 600) (804) a request to move or a request to drag the first item to the top of the second item. For example, in FIG. 5M, the device may display a location on a touch-sensitive surface (e.g., a touch in FIG. 5m) corresponding to the location of the solitair application icon 5002-4 on the display A contact 5040 in a first contact position 5040-a on the screen 112 and a subsequent movement 5042 in contact across a touch-sensitive surface (e.g., a second position 5040 -b) movement of the touch across the touch screen 112). In response to detecting the input, the device moves the solitaire application icon 5002-4 proximate (or above) the racing application icon 5002-13, as shown in Figure 5n. In this example, the device detects the predetermined folder creation criteria (e.g., the end of contact 5040-b in FIG. 5n) and displays the solitaire application icon 5002-4 and the racing application icon 5002-13, And displays a folder icon 5004-7 for the folder on the display (e.g., touch screen 112), as shown in Figures 5O and 5S. As another example, the device may include a first input for selecting a first item, a second input for selecting a second item, and a third input (e.g., a file browser or a context menu quot; new folder "command in the contextual menu).

In response to receiving the input (806), operations (808 through 844) are performed. The device creates a folder containing the first item and the second item (808). The device determines 810 a first plurality of descriptors associated with the first item (e.g., "game", "card game", "solitaire game"). The device also determines 812 a second plurality of descriptors associated with the second item (e.g., "game", "action game", "racing game"). 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 with this example, from the above, both the solitair application and the racing application are associated with the common descriptor "game ". If there is a common descriptor 814, the device performs operations 824 through 844 as described in more detail below.

In some embodiments, if the common descriptor is absent (816), the device determines (818) that the first plurality of descriptors and the second plurality of descriptors do not share any common descriptors: (820) automatically generates a folder name for the folder based on the descriptor from the descriptors of the folder; An icon for the folder having the automatically generated folder name is displayed on the display (822). In other words, the folder name for the folder is initially determined based on the descriptors of only one of the two items added to the folder. In some embodiments, the descriptors are descriptors of the first item that are selected to be added to the folder (e.g., if more than one item is selected before the folder is created). In some embodiments, the descriptors are descriptors of the first item added to the folder. 5O, the camera application associated with the camera application icon 5002-12 is associated with descriptors such as "photographed" and "camera management ", while a stock associated with the stock application icon 5002-9 The application has descriptors such as "utility" and "financial management ". In this example, the two application icons associated with the applications are not shared by any descriptors. Thus, in this example, the folder created by dragging the camera application icon 5002-12 close to the stock application icon 5002-9 is named "snapshot" folder 5004-10, The folder created by dragging the application icon 5002-9 close to the camera application icon 5002-12 is named "Utilities" folder 5004-11. In other words, in some embodiments, if the two items do not share any common descriptors used to create the folder, then the name of the generated folder is the name of the item (e.g., icons associated with applications) Depending on the order in which they occur.

The device determines (824) that the first plurality of descriptors and the second plurality of descriptors share at least a first common descriptor. For example, in FIG. 5O, a solitair application associated with a solitair application icon 5002-4 is associated with descriptors such as "game", "card game", "solitaire game" 5002-13) have descriptors such as "game", "action game", "racing game". In this example, the two application icons are associated with applications that share only a single descriptor (e.g., a "game ") and accordingly the descriptor is selected as a common descriptor. In some embodiments, the first plurality of descriptors and the second plurality of descriptors share one or more sets of descriptors; The descriptors in the shared set of one or more descriptors have varying levels of specificity; The most specific descriptor in the shared set of one or more descriptors is selected as the first common descriptor by the device (826). For example, in Figure 5O, the caricap application associated with caricap application icon 5002-17 is associated with descriptors such as "game", "action game", "racing game", while racing application icon 5002 -18) have narrators such as "game "," action game ", "racing game ". In this example, the two application icons are associated with applications that share a multiple descriptor (e.g., a "game "), whereby the most specific descriptor (e.g., a" racing game ") is selected as a common descriptor.

In some embodiments, the plurality of descriptors include a plurality of tags previously assigned to the first item; The second plurality of descriptors comprising a plurality of tags previously assigned to the second item; The first common descriptor is a tag included in the first plurality of tags and the second plurality of tags (828). In some embodiments, the tags are assigned to the respective items by the user of the device and apply only to the locally stored items. In some embodiments, the tags are allocated at the remote server and transmitted to the device by the remote server.

In some embodiments, the first plurality of descriptors include categories of a first hierarchical structure; The second plurality of descriptors comprising categories of a second hierarchical structure; The first common descriptor may be associated with categories of the first hierarchical structure and categories (e.g., "game"> "card game"> "solitaire game" or "game" ">" Racing game ") (830). In some embodiments, the first hierarchical categories are a set of categories in which a first item is assigned in an application database (e.g., a database of applications in an application store), categories in a second hierarchical structure, (832). &Lt; / RTI &gt; In some embodiments, the application database is a database of applications in the application store (834). For example, in some embodiments, the descriptors are based, at least in part, on category names for applications in a dedicated application store for the mobile device (e.g., an app store for the Apple iPhone). In some embodiments, these category names are supplemented by additional tags indicating additional information about the items (e.g., the name of the creator of the item, the creation date / time of the item, etc.).

If the first plurality of descriptors and the second plurality of descriptors share at least a first common descriptor, the device automatically generates (836) a folder name for the folder based on the first common descriptor. After creating the folder name, the device displays an icon for the folder with the automatically created folder name on the display (838). Continuing with the example from the above, the folder created by dragging the Solitaire application icon 5002-4 close to the racing application icon 5002-13 will be referred to as the "game ", as shown in Figures 5O and 5S, Folder 5004-7.

In some embodiments, the device simultaneously displays (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 (e.g., contact 5040 and movement 5042 in Figure 5M) that caused the device to create a folder (e.g., folder 5004-7 in Figure 5s) The device automatically displays the folder view 5092 in Figure 5y for the folder. In other words, the device is shown in FIG. 5s (with the folder created and the folder icon 5004-7 displayed) from the user interface shown in FIG. 5m (with the folder creation input detected), without any further intervention from the user The user interface shown and the user interface shown in Fig. 5 (where the folder view 5092 for the folder is displayed) is transferred.

In some embodiments, in response to receiving the input, the device displays a notification that a folder has been created, where the notification includes instructions for renaming the folder (842). For example, in FIG. 5P, after creating a folder, the device may, as discussed in more detail above, allow the user to confirm the creation of the folder, to rename the folder, Displays a name resolution dialog 5064 that provides options. In some embodiments, in response to receiving the input, the device displays (844) a text input field for renaming the folder. For example, in FIG. 5P, if the device detects an input corresponding to a request to rename a folder (e.g., a tap gesture 5070 on a rename button), the device may rename the new folder (e.g., Quot; game "to" play ", as shown in Figure 5q). As another example, in response to detecting an input corresponding to a request to activate a folder renaming button (e.g., tap gesture 5098 in FIG. 5y), the device may display a text input And a folder renaming area 5108 including a field.

In some embodiments, the device detects additional input 846, and in response to detecting additional input, the device adds 848 a third item to the folder. In some of these embodiments, the device determines (850) a third plurality of descriptors associated with the third item. In some of these embodiments, the device selects 852 a second descriptor that is shared by the first plurality of descriptors, the second plurality of descriptors, and the third plurality of descriptors. 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 folder is renamed if the contents of the folder change. For example, if the Solitaire application icon 5002-4 is added to a folder associated with the racing game folder icon 5004-8, the device may rename the racing game folder icon 5004-8 with a new name (e.g., , "Racing game" to "game ", where the new name includes all three of the items in the folder (e.g., solitair application icon 5002-4, car race application icon 5002-17, And the air race application icons 5002-18). In contrast, in some embodiments, the folder name is fixed when the folder is created, thus adding new items to the folder does not change the folder name.

6A to 6E, 7A to 7C, 9A, 9B, 10A, 10B, 11A to 11C, and 11A to 11C (for example, 12A-12E, 13A-13E, and 5A-5LD) are also applicable in a manner similar to the method 800 described above. For example, items (e.g., action icons 5002 and folder icons 5004) described with reference to FIGS. 8A-8C may be displayed on any of the methods 600, 700, 900, 1000, 1100 One or more of the features of the various selectable user interface objects / icons / items (e.g., action icons 5002 and folder icons 5004) described herein, Lt; / RTI &gt; For brevity, these details are not repeated here.

Figures 9A and 9B are flow charts illustrating a method 900 of adjusting an active area for a selectable user interface object in response to an icon management input, in accordance with some embodiments. The method 900 is performed in a multifunction device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3, or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display and the touch-sensitive surface is on a 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 method of managing icons. The method reduces the cognitive burden on the user when managing icons, thereby creating a more efficient human-machine interface. For battery-operated computing devices, it allows the user to manage icons faster and more efficiently, thereby conserving power and increasing the time between battery charges.

The device displays (902) a plurality of icons on the display (e.g., on the touch screen 112, selectable user interface objects such as application icons 5002 and / or folder icons 5004). A first one of the plurality of icons (e.g., action icon or folder icon) is displayed 904 at a first location on the display (e.g., touch screen 112). A second icon (e.g., an action icon or a folder icon) of a plurality of icons distinct from the first icon is associated with a default size in a second location on the display (e.g., touch screen 112) Lt; RTI ID = 0.0 &gt; 906. &lt; / RTI &gt; For example, in Figure 5kb, a first icon (e.g., stock application icon 5002-9) is displayed to the right of the second row of selectable user interface objects. In this example, the second icon 5004-7 initially has a default active area (e.g., 5122-13-a in Figure 5kb). In some embodiments, each of the icons (e.g., action icons 5002 and folder icons 5004) has a default size active area (e.g., active areas 5122 in Figure 5kb). In some embodiments, the active areas 5122 are hidden active areas (e.g., the active areas are 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. 5kb, the device may include finger contact 5120 at a location on a touch-sensitive surface corresponding to a first icon (stock application icon 5002-9 in FIG. 5kb), and (E.g., on the touch screen 112, from the first position 5120-a in Figure 5kb to the second positions 5120-b through 51mb in Figure 51b) of the finger contact across the touch- To the third position 5120-c of the second position 5120-c. After detecting the input, the device changes 910 the size of the active area for the second icon from the default size based on the distance from the first position to the position of the second icon. For example, in FIG. 5kb, the device may change the size of the active area 5122-13 for the second icon (e.g., the game folder icon 5004-7) from the default active area 5122-13 in FIG. 5kb To the enlarged active area 5122-13 in Figure 5lb and 5mb. In some embodiments, the size of the active area may include a contact at a location on the touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the first icon on the display (e.g., touch screen 112) (E.g., the device changes active area 5122-13-a to active area 5122-13-b in response to simply detecting contact 5120 in Figure 5kb) . In some embodiments, the size of the active area is determined by the size of the contact away from the location on the touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the first icon on the display (e.g., touch screen 112) (E.g., the device can only detect active region 5122-13-a after detecting movement 5121 of at least a portion of contact 5120, as shown in Figure 51b) Active region 5122-13-b).

In some embodiments, the size of the active area of the second icon is also changed 912 based at least in part on the type of the second icon. In some embodiments, if the second icon is a folder icon, the active area has a first size 914 (e.g., because the first action adds the first icon to the folder represented by the second icon Because it is to do. In some of these embodiments, if the second icon is an action icon, the active area has a second size that is less than the first size (e.g., because the first action includes a first icon and a second icon In other words, it is easiest to make it easier for the active areas to move the icon, to add the icon to the existing folder, to create the new folder from the two active icons most difficult As shown in FIG.

In some embodiments, for each of the one or more icons of the plurality of icons other than the first icon, the device may determine (e.g., in response to detecting a contact at a location on the touch- Based on the distance from the first position to the respective position of each icon (e.g., in response to detecting movement of the contact away from the position on the touch-sensitive surface corresponding to the first icon) (916) the size of the active region of each of the first and second regions from the respective default sizes. For example, in Figure 51b, the size of the active area for the photo application icon 5002-1 may be adjusted from the first location (e.g., the location of the contact 5120-a in Figure 5kb) (5122-1-a) to a larger size 5122-1-b based on the distance to each location of the first location 5002-1. Similarly, in some embodiments, a plurality of different icons (e.g., selectable user interface objects 5002-1, 5002-2, 5002-6, 5002-7, 5004 (E.g., 5122-5-a in FIG. 5kb, 5122-5-a in FIG. 5kb) for the active areas (e.g., -1-b, 5002-10, 5004-7, 5002-14, 5002-15, 5002-16, 5004-2) A, 5122-9-a, 5122-10-a, 5122-14-a, 5122-15-a, 5122-16-a and 5122-17- For example, in Figure 51b, the adjusted active areas 5122-5-b, 5122-6-b, 5122-9-b, 5122-10-b, 5122-14-b, 5122-15- 5122-16-b, 5122-17-b).

In response to detecting the input, the device moves 918 the first icon across the display (e.g., touch screen 112) away from the first position. For example, in Figure 51b, the device displays that the stock application icon 5002-9 moves away from the first location (e.g., the location of the stock application icon 5002-9 in Figure 5kb). In some embodiments, if the first icon is at least partially within the active area of the second icon for a period of time that exceeds a predetermined period of time, the device displays an action to be performed when the input is terminated Or an animation indicating that the first icon is to be added to the folder represented by the second icon). For example, if the second icon is a folder icon, the device may highlight the folder icon to indicate that the first icon is to be added to the folder. As another example, if the second icon is an action icon, the device may highlight the action icon to indicate that a folder containing the first icon and the second icon is to be created.

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

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

If the device determines (932) that the first icon is at least partially within the active area of the second icon (e.g., 5122-13-b at 5mb), the device performs a first action associated with the second icon (934). In some embodiments, the first action includes creating (936) a folder that includes a first icon and a second icon (e.g., as described in more detail above with reference to method 600). For example, at 5mb, the device detects the end of the input (e.g., lift of contact 5120-c) and, in response to detecting the end of the input, , The stock application icon 5002-9 is added to the folder represented by the game folder icon 5004-7. In some embodiments, the first action includes adding (938) a first icon to a folder represented by a second icon. For example, if the device detects the end of the input when the stock application icon 5002-9 is at least partially within the active area for the other action icon, then the device will be described in greater detail above with reference to Figures 5m and 5n As described, a folder containing the stock application icon 5002-9 and another action icon will be created.

If the device determines (940) that the first icon is outside the active area of the second icon, the device performs a second operation (942) distinct from the first operation. In some embodiments, the second action includes (944) rearranging the plurality of icons on the display (e.g., touch screen 112) such that the first icon is proximate to the position of the second icon on the display. 5OB, the device may detect an input (e.g., contact 5124 and movement of contact 5126) and a second icon (e.g., a game folder icon 5004-7 in FIG. 5OB) Detects that the predefined trigger criteria at location 5124-b outside active area 5128-11 has been met (e.g., contact 5124 has stalled for a period of time exceeding a predetermined period of time). Continuing with this example, in response to determining that the predefined criteria have been met, the device rearranges the icons (e.g., so that the entire icons on the third row of the array are moved one space to the left). In some embodiments, the second action includes returning the first icon to the first position on the display (946). For example, while the device is outside the active area 5122-13-b for the game folder icon 5004-7, when the stock application icon 5002-9 is at the end of contact 5120-c at 5mb The device will return the stock application icon 5002-9 to its previous location (e.g., the location of the stock application icon 5002-9 in Figure 51b).

In some embodiments, one advantage of adjusting the size of the active areas for icons on the display (e.g., touch screen 112) based on the distance of the icon is that it is possible to adjust the size of the icons Lt; RTI ID = 0.0 &gt; a &lt; / RTI &gt; Typically, if a touch gesture occurs over a longer distance, the gesture will include a faster movement than that which is part of the touch gesture that occurred over a shorter distance. Also, typically, touch gestures involving faster movement are less accurate than touch gestures involving slower movement. Thus, by increasing the size of the active areas for icons further away from the starting point of the touch gesture, the device can use a touch-sensitive surface (e.g., a touch screen 112) to compensate for the reduced accuracy of the touch gestures that must traverse longer distances, thereby improving the user-machine interface.

6A to 7C, 8A to 8C, 10A, 10B, 11A to 11C, and 11A to 11C (e.g., FIGS. 12A-12E, 13A-13E and 5A-5LD) are also applicable in a manner similar to the method 900 described above. For example, the icons (e.g., action icons 5002 and folder icons 5004) described with reference to FIGS. 9A and 9B may be applied to any of the methods 600, 700, 800, 1000, 1100 One or more of the features of the various selectable user interface objects / icons / items (e.g., action icons 5002 and folder icons 5004) described herein, Lt; / RTI &gt; For brevity, these details are not repeated here.

Figures 10A and 10B are flow charts illustrating a method 1000 for re-configuring icons on a display in response to an icon management input, in accordance with some embodiments. The method 1000 is performed in a multifunction device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3, or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display and the touch-sensitive surface is on a 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 method of managing icons. The method reduces the cognitive burden on the user when managing icons, thereby creating a more efficient human-machine interface. For battery-operated computing devices, it allows the user to manage icons faster and more efficiently, thereby conserving power and increasing the time between battery charges.

The device displays 1002 a plurality of icons on a display (e.g., touch screen 112) with a first arrangement (e.g., action icons 5002 and folder icons 5004 in Figure 5kb). The device detects 1004 an input corresponding to a request to move a first one of the plurality of icons from a first location on the display (e.g., touch screen 112) to a second location on the display. For example, the device may be in contact (e.g., on a touch screen 112) at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the stock application icon 5002-9 on the display 5120-b in Fig. 51b from the first position 5120-a in Fig. 5kb on the touch screen 112 (e.g., on the touch screen 112) 5120-c), which displays the stock application icon 5002-9 on its display (e.g., touch screen 112) from its initial position in Figure 5kb to the game folder in Figure 5kb It corresponds to a request to move to a location in proximity to the icon 5004-7.

In response to detecting input 1006, operations 1008-1034 are performed. The device moves the first icon from the first position to the second position (1008). For example, as shown in Figures 5kb-5mb, the device may move the stock application icon 5002-9 across the display (e.g., touch screen 112) towards the game folder icon 5004-7 . In some embodiments, in response to detecting an input, the device displays (1010) the residual image of the first icon in a first position. In these embodiments, the residual image of the first icon is visually distinct from the first icon. In some embodiments, the residual image of the first icon may be a grayed-out image, a translucent image, a semi-transparent image, an image with reduced contrast, or a ghost image (e.g., ghost image). In some embodiments, in response to detecting the input, the device displays (1012) an empty space in the first location (e.g., as shown in Figures 51b and 5mb, Displayed at the right end of the second row).

The device maintains 1014 the locations of each of the plurality of icons other than the first icon until the auto-rebuild criteria are met. For example, in Figures 51b and 5mb, even though the stock application icon 5002-9 has a space in the array of icons that were previously located, the device displays all icons other than the stock application icon 5002-9, (E.g., touch screen 112).

The device determines 1016 that the automatic reconstruction criteria are met (e.g., at a slightly later time). In some embodiments, the automatic reconstruction criteria is met 1018 after a predetermined period of time (e.g., 0.5 seconds, 1 second, 2 seconds, etc.) has elapsed since the input (or the beginning of the input) has been 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, the auto-reconfiguration criteria are met if a predetermined period has elapsed and the first icon is not currently positioned at a location on the display (e.g., touch screen 112) that is within the active area of another icon 1020 ). In other words, in these embodiments, in addition to the predetermined time period elapsed, the first icon should be displayed at a location on the display (e.g., touch screen 112) that is outside any of the active areas of other icons do. In some embodiments, automatic reconfiguration criteria are met (1022) if the device detects an end of input. For example, in Fig. 5mb, the device detects the lifting of contact 5120-c and, in response, the device moves the stock application icon 5002-9 to the game folder icon To the folder associated with the icon 5004-7, and then rearranges the icons, as shown in Figure 5OB. In some embodiments, the auto-reconfiguration criteria is met (1024) while the first icon is still moving on the display. In other words, in some embodiments, the predetermined period elapses while the input is continuously detected by the device (e.g., before detecting the lifting of the contact from the touch-sensitive surface).

In response to determining that the auto-reconfiguration criteria have been met, the device moves 1026 one or more of the plurality of icons other than the first icon to form a second array distinct from the first array. For example, the folder icons 5004-1-b are moved from the third row in the arrangement of FIG. 5nb to the second row in the arrangement of FIG. 5OB while the action icons 5002-10, 5002-11, 5002-12 are moved to the left and the game folder 5004-7 is moved up from the fourth row in the arrangement of Figure 5nb to the third row in the arrangement of Figure 5ob. In some embodiments, the second arrangement includes an icon in a first position distinct from the first icon (1028). For example, in Fig. 5OB, the device displays a folder icon 5004-1-b at the position previously occupied by the stock application 5002-9 in Fig. 5kb. In some embodiments, the first icon (e.g., stock application icon 5002-9) has been moved to a different location within the icons. In some embodiments, a first icon (e.g., stock application icon 5002-9) has been removed from a plurality of icons (e.g., by being added to folder 5004-7).

In some embodiments, the second arrangement is formed (1030) after detecting (or in response to detecting) that the input satisfies predefined trigger criteria (e.g., detecting the end of the input) The second arrangement includes displaying the icons in a predefined arrangement on the display (e.g., a two-dimensional grid array on the touch screen 112 or other regularly spaced arrangement) (1032). In some embodiments, when the auto-reconfiguration criteria are met (e.g., to avoid overlap between the first icon and the other icons on the touch screen 112) Dynamically reconfigured (1034). In other words, in some embodiments, the device moves the second icon from its initial position to each new position if the second position of the first icon at least partially overlaps with the respective initial position of the second icon , Thereby displaying the first icon at the second position in the first area. For example, rearranging the icons may include moving the positions of the first icon to the positions of other icons as the first icon is moved back and forth in the display (e.g., while continuously detecting contact on the touch screen 112) And swiping to the bottom.

6A, 7A to 7C, 8A to 8C, 9A, 9B, 11A to 11C, and 11A to 11C (for example, 12A-12E, 13A-13E and 5A-5LD) are also applicable in a manner similar to the method 1000 described above. For example, the icons (e.g., action icons 5002 and folder icons 5004) described with reference to FIGS. 10A and 10B may be applied to any of the methods 600, 700, 800, 900, 1100 One or more of the features of the various selectable user interface objects / icons / items (e.g., action icons 5002 and folder icons 5004) described herein, Lt; / RTI &gt; For brevity, these details are not repeated here.

Figures 11A-11C are flow diagrams illustrating a method 1100 of updating a dynamic folder icon to provide a visual indication of the contents of a folder associated with a dynamic folder icon, in accordance with some embodiments. The method 1100 is performed in a multifunction device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3, or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display and the touch-sensitive surface is on a display. In some embodiments, the display is separate from the touch-sensitive surface. Some of the 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 method of managing folders. The method reduces the cognitive burden on the user when managing folders, thereby creating a more efficient human-machine interface. For battery-powered computing devices, it allows users to manage folders faster and more efficiently, thereby conserving power and increasing the time between battery charges.

The device displays a dynamic folder icon (e.g., game folder icon 5004-7 in Figure 5sb) (1102). (E.g., 5004-7 in FIG. 5sb) is a visual representation of the current content in the folder associated with the dynamic folder icon (e.g., "O", "R" in the game folder icon 5004-7 in FIG. , "S ", and" M "). In some embodiments, the dynamic folder icon represents a plurality of action icons 1104 contained within a folder associated with a dynamic folder icon. For example, the game folder icon 5004-7 in FIG. 5sb may include four reduced scale representations of selectable user interface objects in the folder associated with the folder icon (e.g., "O " in the game folder icon 5004-7) Quot ;, "R "," S ", and "M").

In some embodiments, the content has a spatial arrangement within the folder, and a dynamic folder icon (e.g., 5004-7 in Figure 5B) provides a visual indication of the spatial arrangement of the content in the folder (1106). In some embodiments, the content includes a plurality of action icons (e.g., 5002-4, 5002-13, 56002-9, 5002-8 in Figure 5TB), and the spatial arrangement includes an action icon (E.g., action icons on a 1x4 grid as shown in the folder view 5138 of FIG. 5B), and each of the plurality of action icons each have one or more horizontally adjacent neighbor action icons 1108. In some embodiments, a dynamic folder icon (e.g., 5004-7 in Figure 5TB) may include at least a subset of reduced scale representations of a plurality of action icons (e.g., "O", " Quot ;, " R ", "S ", and" M "), the reduced scale representations comprising, for a plurality of reduced scale representations, a respective reduced scale representation of each action icon, (1110) to be horizontally adjacent to a reduced scale representation of one of the neighbor action icons. In some embodiments, the folder includes a plurality of action icons having a first scale; Displaying the dynamic folder icon includes displaying reduced scale representations of one or more action icons of the plurality of action icons in a dynamic folder icon at a second scale smaller than the first scale (1112).

For example, in Figure 5TB, in response to a folder display input (e.g., tap gesture 5136 in Figure 5sb), the device displays a folder view 5138 for the folder associated with game folder icon 5004-7 do. 5TB, the folder view includes a solitair application icon 5002-4, a racing application icon 5002-13, a stock application icon 5002-9 (having a spatial arrangement from left to right) And a map application icon 5002-8. In this example, the game folder icon 5004-7 provides a visual representation of the spatial arrangement of these action icons by displaying reduced scale representations of the content in an order based on the order of the action icons in the folder view. In particular, the racing application icon 5002-13 is between the solitaire application icon 5002-4 (on the left) and the stock application icon 5002-9 (on the right), and a reduced scale representation of the racing application icon , "R" in the game folder icon 5004-7 in Fig. 5B) is a reduced scale representation of the Solitair application icon (e.g., "O" in the game folder icon 5004-7 in Fig. (E.g., "S" in the game folder icon 5004-7 in Figure 5TB) of the application icon.

The device detects 1114 an input corresponding to a request to modify the content in the folder. For example, in Figure 5TB, the device may be positioned on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the stock application icon 5002-9 on the display (e.g., touch screen 112) (E.g., the touch screen 112) corresponding to a location on the display 5140 (e.g., the touch screen 112) within the folder view 5138, And detects subsequent move 5142. In some embodiments, the folder is an auto-created folder; Detecting input corresponding to a request to modify content in a folder includes detecting an action associated with each application such that each action icon associated with each application is added to, removed from, or moved within a folder (E.g., the folder is the recently added application folder and the input is the application folder with the new application added to the device, or the folder is the most frequently used application folder, and the input is the most frequently used application Application to make it an application). For example, when a user launches an application, the application icon associated with the application is moved into the "recently used application" folder.

In response to detecting input 1118, operations 1120 through 1136 are performed. The device modifies content in the folder; (E.g., 5004-7 in Figure 5b) to include a visual representation of the spatial arrangement of the modified content in the folder (1120). It should be appreciated that modifications to the content within the folder may include re-locating the content within the folder, deleting the content from the folder, and / or adding the content to the folder.

In some embodiments, the device detects a re-locating input corresponding to a request to re-locate the first action icon in the folder; Responsive to detecting the re-positioning input: the device re-positions the first action icon in the folder according to the re-positioning input; Re-locates the reduced scale representation of the action icon in the dynamic folder icon according to the re-positioning of the first action icon in the folder (1122). For example, in Figure 5TB, the device may be positioned on a touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the stock application icon 5002-9 on the display (e.g., touch screen 112) (E.g., the touch screen 112) corresponding to a location on the display 5140 (e.g., the touch screen 112) within the folder view 5138, And a re-positioning input including a subsequent movement 5142. [ In this example, in response to detecting the re-locating input, the device may determine whether the solicited application icon 5002-4 (e.g., the solitair application icon 5002-4) The application icon 5002-9) to a new location in the folder view 5138 (to be displayed between the application icons 5002-13). Further, in this example, the device may rearrange the reduced scale representations within the game folder icon 5004-7, as shown in Figure 5ub, so that the reduced scale representations are visual representations of the updated spatial arrangement of the content in the folder &Lt; / RTI &gt; In particular, a reduced scale representation of the Solitaire application icon (e.g., "O" in the game folder icon 5004-7 in Figure 5ub) (E.g., "S" in the game folder icon 5004-7 in Figure 5ub) and a scaled scale representation of the racing application icon (e.g.

In some embodiments, the device detects an icon removal input corresponding to a request to remove the first action icon from the folder; In response to detecting the icon removal input: the device removes the first action icon from the folder; The reduced scale representation of the first action icon is removed from the dynamic folder icon (1124). For example, in Figure 5eb, the device includes a contact 5112 at a location corresponding to a solitair application icon 5002-4, and a first portion 5108 of a background, which is an object removal area outside of the folder view 5106. [ Lt; RTI ID = 0.0 &gt; 5114 &lt; / RTI &gt; In response to this icon removal input, the device removes the solitair application icon 5002-4 from the folder view 5106, as shown in Fig. 5fb. Further, in this example, if the device displays a reduced scale representation of the Solitaire application icon (e.g., "O" in the play folder icon 5004-7 in Figure 5eb) in the folder icon 5004-7 associated with the folder view 5106, (E.g., in Figure 5fb, "O" is no longer displayed in the play folder icon 5004-7) while pre-displaying the thumbnail scale display of the solitaire application icon.

In some embodiments, the device detects an icon addition input corresponding to a request to add a first action icon to the folder; In response to detecting the icon removal input: the device adds a first action icon to the folder; A reduced scale representation of the first action icon is added to the dynamic folder icon (1126). For example, in FIGS. 5OB and 5Pb, the device may include a touch-sensitive surface corresponding to the location of the map application icon 5002-8 on the display (e.g., touch screen 112) (E.g., the touch screen 112) of the active area 5128-11 of the game folder icon 5004-7 and the contact 5124-a at the location on the game folder icon 5004-7 (E.g., 5126, 5130) of touch on a touch-sensitive surface (e.g., touch screen 112) 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 Figure 5TB. Further, in this example, while the device does not previously display any reduced scale representation of the map application icon in the folder icon 5004-7 (e.g., as shown in Figures 5OB and 5Pb), the map application icon 5002 -8) to game folder icon 5004-7 (along with adding), the device displays a reduced scale representation of the map application icon within the game folder icon 5004-7 (e.g., " M ").

In some embodiments, the content of the folder includes an action icon, and the dynamic folder icon changes (1128) if there is a notification from the application corresponding to the action icon. In some embodiments, the dynamic folder icon changes (1130) by displaying a status indicator on the dynamic folder icon. For example, in FIG. 5B, a folder icon 5004-1-b is a notification medium that indicates that one of the applications associated with an application icon in the folder represented by the folder icon 5004-1-b has a notification (5012). In some embodiments, the dynamic folder icon changes (1132) by displaying a status indicator on a reduced scale version of the action icon in the dynamic folder icon. 5B, the folder icon 5004-1-b displays the notification medium 5014 on a reduced scale representation (e.g., "x7") in the folder icons 5004-1-b, (E.g., if the application associated with "x7" is an email application, the notification will typically indicate that a new email has been reached).

In some embodiments, the appearance of the dynamic folder icon changes (1134) when the device is in user interface reconstruction mode. In some embodiments, the folder includes a limited space (e.g., nine slots, 12) for displaying selectable user interface objects (e.g., selectable user interface objects such as application icons and / or file icons) 16 slots, or any other suitable number), and the appearance of the dynamic folder icon in the user interface reorganization mode (e.g., by displaying space for extra reduced scale representations of action icons) Indicates whether the folder has space to display any additional selectable user interface objects (1136).

For example, in Figure 5A, while the device is in normal mode of operation, the dynamic folder icon 5004-1-a includes reduced scale representations (e. G., Action icons 5002) For example, "x1", "x2", "x3", "x4", "x5", and "x6" However, in this example, there are more than six action icons 5002 in the folder, such that the device displays only the reduced scale representations of the first six action icons in the dynamic folder icon. Continuing with this example, if the device enters the user interface reconstruction mode (e.g., in response to detecting a press and hold gesture 5008 in FIG. 5A), a dynamic folder icon (From the dynamic folder icon 5004-1-b in FIG. 5A to the dynamic folder icon 5004-1-b in FIG. 5B) and moving the reduced scale representations in the dynamic icon up to the folder icon 5004-1 (e.g., "x7" in the folder icon 5004-1-b) within the first three thumbnail scales of the folder icons in the folder icon 5004-1-b While stopping to display the representations (e.g., "x1", "x2", and "x3"). In this example, the dynamic folder icon also displays two empty spaces next to the new collapsed scale 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, changing the dynamic folder icon by showing two empty spaces next to the new reduced scale representation also Provides a visual indication that there is room to display additional action icons in the folder view.

6A to 6E, 7A to 7C, 8A to 8C, 9A, 9B, 10A, 10B, 10A, 10B, 12A-12E, 13A-13E, and 5A-5LD) are also applicable in a manner similar to the method 1100 described above. For example, the selectable user interface objects (e.g., action icons 5002 and folder icons 5004) described with reference to Figures 11a-11c may be any of the methods 600, 700, 800 (E.g., action icons 5002 and folder icons 5004) described herein with reference to various icons (e.g., icons 900, 1000, 1200, or 1300) Lt; / RTI &gt; or more. For brevity, these details are not repeated here.

Figures 12A-12E are flow charts illustrating a method 1200 of providing contextual information with displaying the contents of a folder, in accordance with some embodiments. The method 1200 is performed in a multifunction device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3, or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display and the touch-sensitive surface is on a 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 method of displaying the contents of a folder. The method reduces the cognitive burden on the user when managing folders by providing context information along with displaying the contents of the folder, thereby creating a more efficient human-machine interface. For battery-powered computing devices, it allows users to manage folders faster and more efficiently, thereby conserving power and increasing the time between battery charges.

The device displays a folder icon (e.g., folder icon 5004-7 in Figure 5s) over the desktop background on the display (e.g., touch screen 112), the folder icon corresponding to the folder containing the content, The content includes one or more selectable user interface objects (e.g., application icons, bookmark icons, and / or document icons) (1202). In some embodiments, before detecting the first input, the device may display one or more additional selectable user interface objects (e.g., action icons 5002-1, 5002-2, 5002-3, 5002- 5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12, 5002-14, 5002-15, 5002-16 and folder icons 5004-1 -b, 5004-2) is displayed (1204).

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

In response to detecting a first input (e.g., tap gesture 5076 in FIG. 5S) 1208, operations 1210 through 1226 are performed. The device divides the desktop background into a first portion (e.g., 5084 in Figures 5x through 5ab) and a second portion (e.g., 5086 in Figures 5x through 5ab) (1210). In some embodiments, the one or more additional selectable user interface objects include: a first set of additional selectable user interface objects having predefined locations on a first portion 5084 of the desktop background (e.g., The action icons 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002 -12) and a folder icon 5004-1-b); And a second set of additional selectable user interface objects (e. G., 5002-14, 5002-15, 5002- &lt; / RTI &gt; 16 and a folder icon 5004-2) (1204).

In some embodiments, a folder icon (e.g., 5004-7 in Figures 5x through 5ab) is displayed 1212 within a first portion of the desktop (e.g., 5084 in Figures 5x through 5ab). In some embodiments, a folder icon (e.g., 5004-2 in Figures 5cc-5fc) is displayed in a dock area (e.g., 5006 in Figure 5cc - Figure 5fc) of the display For one of the selectable user interface objects, the first portion (e.g., 5172 in Figures 5dc-5fc) includes the dock area of the display. By contrast, in these embodiments, a folder icon (e.g., 5004-7 in Figures 5x-5ab) is displayed in the dock area of the display (e.g., touch screen 112) (e.g., 5006 (E. G., 5086 in Figures 5x to 5ab) is one of a plurality of selectable user interface objects on the display (e. G., 5006 in Figures 5x to 5ab) . In other words, according to these embodiments, the desktop is divided on the folder icon if the folder icon is in the dock (e.g., as shown in Figures 5cc to 5fc) (As shown in FIG. 5A to FIG. 5B) in the navigation area above the dock. In some embodiments, a navigation area (e.g., a home screen with a plurality of selectable user interface objects) has a plurality of pages (e.g., can be navigated in response to detecting horizontal swipe gestures) The dock area also stays in the locked position while the device scrolls 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 Figures 5x and 5y, the second portion 5086 is moved away from the first portion 5084. [ As another example, in Figure 5db, the second portion 5174 is being moved away from the first portion 5172. [ In some embodiments, the first portion is also moved away from the second portion. For example, in Figures 5vb and 5wb, the device moves both the top of the desktop background and the bottom of the desktop background away from each other. In some embodiments, moving the first portion away from the second portion includes moving a first set of additional selectable user interface objects as the first portion of the desktop background moves, and moving a second set of additional selectable user interface objects And moving the second set of additional selectable user interface objects according to the movement of the portion (1216). For example, as shown in Figures 5x and 5y, selectable user interface objects (e.g., 5002-14, 5002-15, 5002-16, and 5004- 2 is moved away from the display (e.g., touch screen 112) as second portion 5086 is moved away from first portion 5084. [

In some embodiments, dividing the background of the desktop may allow the outline of the first edge of the first portion (e.g., 5088 in Figure 5x) to be in the outline of the second edge of the second portion (e.g., 5090 in Figure 5x) (E.g., such that the first edge of the first portion and the second edge of the second portion are aligned with one another like puzzle pieces), and wherein the second portion is divided from the first portion (E.g., after the portions have moved away from each other, the first and second portions are no longer aligned with each other like puzzle pieces), so that the first edge and the second portion are not complementary to the contour of the second edge (1218) adjusting the contour of the first edge and / or the contour of the second edge. For example, as shown in Figure 5x, the contour of the first edge 5088 is initially complementary to the contour of the second edge 5090, while in Figure 5y, the contour of the first edge 5088 is And is no longer complementary to the contour of the second edge 5090. In some embodiments, the folder icon is displayed within a first portion of the desktop; The contour of the first edge includes a cutout shape (e.g., 5094 in Figures 5x and 5y) defined by the dividing line (1220). In some of these embodiments, the cutout shape provides a visual indication of the location of the folder icon in the first portion. For example, in Figures 5x and 5y, the cutout shape 5094 points to a folder icon 5004-7 associated with the folder view 5092.

The device displays the contents of the folder in an area between the first and second parts (1222). For example, the contents of the folder may include a plurality of application icons (e.g., 5002-4 and 5002-13 in Figure 5y, or 5002-26, 5002-27, 5002-28, 5002-29, 5002 in Figure 5ec) 530, 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37) As shown in Figure 5ec, they are exposed as if they were below the desktop (e.g., the desktop is a sliding door that is open to reveal application icons behind the desktop).

In some embodiments, the size of the region between the first and second portions is determined based on the plurality of selectable user interface objects in the folder (1224). For example, in Figure 5y, the folder includes only two selectable user interface objects, so that the folder view 5092 takes up substantially less than half of the display. As another example, in Figure 5ec, where the folder includes at least twelve selectable user interface objects, the folder view 5170 occupies more than half of the display. Thus, a folder view (e.g., 5092 or 5170) may occupy only as much space on the display (e.g., touch screen 112) as is necessary to further display context information (e.g., other selectable user interface objects outside the folder view) Leaving a lot of space on the display (e.g., touch screen 112).

In some embodiments, before detecting the first input, the device may display one or more additional selectable user interface objects (e.g., action icons 5002-1, 5002-2, 5002-3 , 5002-5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12 and folder icons 5004-1-b); In response to detecting the first input, the device may change the brightness, contrast, hue, saturation, color, etc. of the additional selectable user interface objects (e.g., by changing the brightness, contrast, hue, saturation, ) Visually distinguishes (1226) the folder icon from one or more additional selectable user interface objects (e.g., by highlighting). In some embodiments, the initial brightness, contrast, hue, saturation, color, etc. of the additional selectable user interface objects (e.g., prior to detecting the first input) may vary depending on the brightness, contrast, hue, saturation, same. For example, in Figures 5y-5v, the device displays folder icon 5004-7 with normal opacity and saturation, while other selectable user interface objects (e.g., action icons in Figures 5x- (5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12) -1-b) is displayed with reduced opacity and saturation.

In some embodiments, operations 1230 and 1232 are performed while the device is in normal operation mode 1228 when a first input is detected. In some of these embodiments, the device detects (1230) a second input corresponding to activation of each selectable user interface object in the folder; In response to detecting the second input, the device performs operations associated with each selectable user interface object (1232). For example, in Figure 5PC, the device displays a folder view 5212 while the device is in normal operating mode. In this example, the device detects a second input (e.g., tap gesture 5214) at a location corresponding to the stock application icon 5002-9, and in response to the second input, the device activates the stock application (E.g., launching or displaying a view for a stock application).

In some embodiments, operations 1236 and 1238 are performed while the device is in user interface reconfiguration mode 1234 when a first input is detected. In some of these embodiments, the device detects (1236) a second input corresponding to a request to move each selectable user interface object in the folder; In response to detecting the second input, the device moves 1238 each selectable user interface object in the folder. For example, in Figure 5TB, the device displays a folder view 5138 while the device is in a user interface reconfiguration mode. In this example, the device has a contact 5140 at a location on the touch screen 112 corresponding to the location of the second input (e.g., the stock application icon 5002-9) (5142), and in response to the second input, the device, as shown in Figure 5Sb, detects the stock application icons 5002-9 (5002-9) in the folder view 5138 according to input to the new location in the folder view ).

In some embodiments, operations 1242 and 1244 are performed while displaying the contents of the folder in the area between the first and second portions 1240: corresponding to the selection of the first or second portion (1242). In some embodiments, in response to detecting an input, the device stops displaying the contents of the folder (1244) (e.g., shrinks the region by moving the first and second portions together). For example, in Figure 5ub, while the device is displaying a folder view 5138 containing content (e.g., action icons 5002-9, 5002-4, 5002-13, 5002-8) (E.g., touch screen 112) at a location on a touch-sensitive surface (e.g., touch screen 112) corresponding to a location on a display (e.g., touch screen 112) (5144), and in response to detecting the second input, the device stops displaying the folder view 5138, as shown in Figure 5vb.

In some embodiments, the device enters 1246 a user interface reconfiguration mode; While displaying the contents of the folder in the area between the first and second parts (1248): The device displays each selectable user interface object from the area between the first and second parts, (1250). &Lt; / RTI &gt; In some of these embodiments, in response to detecting the input, the device removes 1252 each selectable user interface object from the folder. In some embodiments, in response to moving the selectable user interface object out of the folder, the folder view is stopped being displayed (e.g., by moving the first and second portions together to shrink the region). For example, in Figure 5yb, 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. In particular, the device may determine a location on the touch-sensitive surface (e.g., touch screen 112) corresponding to the location of the app-4 application icon 5002-22 on the display (e.g., touch screen 112) A touch 5162 corresponding to a location 5162 on a display (e.g., touch screen 112) outside the folder view (e.g., a first location 5162-a at 5 yb) (E.g., to a second position 5162-b as shown in Figure 5zb) to a position on the substrate (e.g., substrate 112). In this example, after detecting a pause while traveling for a time period exceeding a predetermined period, the device stops displaying the folder view as shown in Fig. 5ac. The selectable user interface object (e.g., app-4 application icon 5002-22) is then removed from the folder and displayed as an array of selectable user interface objects outside the folder view, as shown in Figure 5cc.

In some embodiments, a first portion of the contents of the folder is displayed (1254) in an area between the first and second portions (e.g., folder view 5170 in Figure 5ec). In some of these embodiments, the device detects 1256 the next partial input corresponding to a request to display the next portion of the contents of the folder; In response to detecting the next partial input, the device displays (1258) a second portion of the contents of the folder in the area between the first and second portions (e.g., flick gesture to the left or right Detecting causes the next page of application icons or the previous page of application icons to be displayed in the area). For example, in FIG. 5ec, a device may include a first plurality of selectable user interface objects (e.g., 5002-26, 5002-27, 5002-28, 5002-29, 5002 in FIG. 5ec) -30, 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37). In response to detecting a swipe gesture (e.g., contact 5176 and movement 5178 of the contact to the left at a location on the touch screen 112 corresponding to the position within the folder view 5170) (E.g., 5002-38, 5002-39, 5002-40, 5002-405 in Fig. 5fc) in the folder view 5170 on the display (e.g., touch screen 112) 41, 5002-42, and 5002-43). &Lt; / RTI &gt;

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; In response to detecting the scrolling input, the device scrolls the contents of the folder in a lateral direction on a display (e.g., touch screen 112) in an area between the first and second portions to display a second portion of the content (1264). In other words, in some embodiments, instead of distinct portions of the contents of the folder, scrolling inputs (e.g., touch 5176, as shown in Figure 5ec, and touch screen 112 ), The list or array of selectable user interface objects may be continuously scrolled by the device in response to detecting a flick gesture (e.g., a flick gesture comprising a subsequent movement 5178 of a touch on the touch screen).

6A to 6E, 7A to 7C, 8A to 8C, 9A, 9B, 10A, 10B, 10A, 10B, 11A-11C, 13A-13E and 5A-5LD) are also applicable in a manner similar to the method 1200 described above. For example, selectable user interface objects (e.g., action icons 5002 and folder icons 5004) described with reference to FIGS. 12A-12E may include any of the methods 600, 700, 800 (E.g., action icons 5002 and folder icons 5004) described herein with reference to various icons (e.g., icons 900, 1000, 1100, or 1300) Lt; / RTI &gt; or more. For brevity, these details are not repeated here.

Figures 13A-13E are flow charts illustrating a method 1300 for displaying and navigating multi-page folders, in accordance with some embodiments. The method 1300 is performed in an electronic device having a display and a touch-sensitive surface (e.g., the device 300 of FIG. 3, or the portable multifunction device 100 of FIG. 1). In some embodiments, the display is a touch screen display and the touch-sensitive surface is on a display. In some embodiments, the display is separate from the touch-sensitive surface. Some of the operations in method 1300 may be combined and / or the order of some operations may be changed.

As described below, method 1300 provides an intuitive way of displaying and navigating multi-page folders. The method reduces the cognitive burden on the user when navigating the user interface, especially when navigating folders, thereby creating a more efficient human-machine interface. For battery-operated computing devices, it allows the user to navigate folders faster and more efficiently, thereby conserving power and increasing the time between battery charges.

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

The device detects 1304 a first input (e.g., a tap gesture on each folder icon) corresponding to a request to select a respective folder icon for each folder. For example, FIG. 5qc shows the detection of a contact 5216 corresponding to a request to select a folder icon 5004-12. Each folder includes a first number of selectable icons that are divided among a plurality of distinct individual display pages including a first page and a second page. For example, the folder associated with folder icons 5004-12 (FIG. 5qc) may include a first page (shown on FIG. 5tc) that includes selectable action icons 5002-51, 5002-52, 5c, which includes a second page (shown on Figure 5vc) that includes action icons 5002-60 to 5002-68, and selectable action icons 5002-69, 5002-70, And the third page.

In response to detecting the first input, the device displays a folder view for each folder (e.g., the first page of the folder shown in Figure 5tc). In some embodiments, before detecting the first input, a plurality of selectable user interface objects are displayed 1308 in respective arrays (shown in Figure 5qc). In such embodiments, displaying the folder view for each folder in response to detecting the first input includes zooming in on each folder icon (1310). Zooming in on each folder icon includes enlarging each of the arrangements (e.g., as shown in Figures 5rc and 5sc) so that each folder icon is enlarged and moved towards the center of the display. After zooming in on each folder icon, displaying the folder view for each folder in response to detecting the first input (e.g., as shown in Figure 5c) (1312).

In some embodiments, the folder view includes a space for simultaneously displaying a selectable number of selectable icons of less than a first number of selectable icons (1314). For example, in the example shown in Figure 5c, the folder view includes space for displaying up to nine selectable icons (e.g., action icons 5002) simultaneously. In some embodiments, the first number is determined at least in part by user settings. For example, the user can set the icon size 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 (e.g., selectable action icons 5002-51, 5002-52 in Figure 5tc). In some embodiments, the first subset of selectable icons is displayed as a first array on the first page of the folder view. In such embodiments, prior to detecting the first input, each folder icon includes a plurality of reduced scale representations of a first subset of selectable icons displayed in a first arrangement. For example, as shown in FIG. 5qc, the folder icon 5004-12 may include reduced scale representations y1, y2, y3, y4, y5, y6, y7, y8 ", and "y9 ", which are associated with the application & 5002-52 "," app y3 "5002-53," app y4 "5002-54," app y5 "5002-55," app y6 "5002 To-one correspondence with the "app y7" 5002-57, the "app y8" 5002-58, and the "app y9" 5002-59, respectively.

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

While displaying the first page of the folder view, the device detects a second input (e.g., a horizontal swipe gesture on the first page in the folder view) corresponding to the request to display the second page of the folder view (1322 ). For example, gesture 5220 (Figure 5tc) is an example of a page-right request. In some embodiments, the first input is a tap gesture on each folder icon, and the second input is a swipe gesture within the folder view (1324). In some embodiments, displaying the folder view may include displaying two or more page indicator icons (e. G., &Lt; RTI ID = 0.0 &gt; Page indicator icons 5217). &Lt; / RTI &gt; 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 icons 1328 indicate the location of the currently displayed page in the folder view among the set of selectable icons in each folder (e.g., the first page of the folder view is displayed , The leftmost page indicator icon is filled as shown in Figure 5tc and while the second page of the folder view is displayed, the second page indicator icon from the left is filled as shown in Figure 5vc, While the third page of the folder view is displayed, the third page indicator icon from the left is filled as shown in Figure 5hd).

In some embodiments, in response to detecting the second input, the device updates the two or more page indicator icons to have a second appearance different than the first appearance (1330). In some embodiments, a first appearance of the page indicator icons indicates that the first page is currently displayed in the folder view, and a second appearance of the page indicator icons indicates that 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 1334 the second page of the folder view for each folder. The second page of the folder view includes a second subset of selectable icons that is different than the first subset of selectable icons. For example, as shown in Figs. 5 tc to 5 vc, the display of the first page is changed to the display of the second page. The appearance of the page indicator icons 5217 is also updated to reflect the change from the display of the first page to the display of the second page.

In some embodiments, while displaying the second page of the folder view, the device may send a third input corresponding to the request to close the folder view (e.g., a push input of contact 5236, as shown in FIG. Activation of the home button used, or tap gesture on the portion of the touch screen display associated with closing the folder view). In response to detecting the third input (1338), the device stops displaying the folder view (1340). In some embodiments, the device stops displaying the folder view and then displays a different user interface distinct from the folder view. For example, in some embodiments, the device displays a home screen having a respective folder icon. The device may be configured to display, in respective folder icons for each folder, reduced scale representations of the second subset of selectable icons (e.g., "app y19", "app y20", and "app y20" Y19 "," y20 ", and" y16 "in the folder icons 5004-12 of FIG. After displaying the reduced scale representations of the second subset of selectable icons within each folder icon (e.g., by sliding the reduced scale representations of the second subset of selectable icons out of the folder icon in a first direction And selecting thumbnail scales of the second subset of selectable icons on each folder icon by sliding the thumbnail scale representations of the first subset of selectable icons into the folder icon in a first direction) Lt; RTI ID = 0.0 &gt; 1344). &Lt; / RTI &gt; For example, Figure 5jd shows the result of replacing the reduced scale representations of "y19", "y20", and "y16" with the reduced scale representations of the icons in the first page of the folder at folder icon 5004-12 Respectively.

In some embodiments, while displaying the second page of the folder view, the device may display each icon on the second page of the folder view (e.g., while in icon reorganization mode, which was initiated by a long press on each icon) (1346) a fourth input corresponding to a request to move to a respective location on the display. (E.g., from 5226-c in Figure 5dd to 5225-d in Figure 5d) 1348, each location is compared with a predetermined page change area (e.g., Page change area 5233-2), the device moves each icon from the second page of the folder view to a different page (1350). On the other hand, if the position of the icon 5226 is within the icon removal area 5231 from the position 5226-a in Fig. 5 (a) 5226-b), the device removes 1354 each icon from the folder view. In some embodiments, the icon removal area is at or near the bottom of the folder view (1356). In some embodiments, in addition to removing each icon from the folder view, each icon is added to a plurality of selectable user interface objects including respective folder icons.

In some embodiments, the plurality of selectable user interface objects is the selectable user interface objects of the first page of selectable user interface objects of the plurality of distinct individual display pages (1358). In some embodiments, the device may include a fifth input corresponding to a request to display selectable user interface objects of different pages of selectable user interface objects of a plurality of distinct individual display pages (e.g., a selectable A horizontal finger swipe gesture on the touch screen or touch-sensitive surface at a location corresponding to user interface objects, e.g., from position 5238-a in Figure 5jd to position 5238-b in Figure 5kd 5238) and a subsequent lift of the contact 5238 from the touch screen 112) (1360). In response to receiving the fifth input 1362, the device receives the selectable user interface objects (e.g., 5002-4, 5002-2, 5002-3, 5002-5, 5002-6, 5002- Stopping (1364) the display of the first, second, third, fourth, fifth, sixth, seventh, eighth, (E.g., icons 5002-80 through 5002-93 as shown in FIG. 5d) of a second page that is different from the selectable user interface objects of the first page (1366).

6A to 6E, 7A to 7C, 8A to 8C, 9A, 9B, 10A, 10B, 10C, It should be noted that the details of the other processes described herein with respect to FIGS. 11A-11C, 12A-12E, and 5A-5LD are also applicable in a manner similar to the method 1300 described above. For example, the selectable user interface objects (e.g., action icons 5002 and folder icons 5004) described with reference to Figures 13a-13e may be any of the methods 600, 700, 800 (E.g., action icons 5002 and folder icons 5004) described herein with reference to various icons (e.g., icons 900, 1000, 1100, or 1200) Lt; / RTI &gt; or more. For brevity, these details are not repeated here.

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 described embodiments. The functional blocks of the device may be selectively implemented by hardware, software, or a combination of hardware and software to implement the principles of the various disclosed embodiments. It is understood by those skilled in the art that the functional blocks described in FIG. 14 may be selectively combined or separated into sub-blocks to implement the principles of the various disclosed embodiments. Thus, the description herein selectively supports any possible combination or separate or additional definition of the functional blocks described herein.

14, the electronic device 1400 includes a display unit 1402 configured to display a graphical user interface, an input unit 1404 configured to receive inputs (e.g., a touch-sensitive surface configured to receive contacts unit); And a processing unit 1408 connected to the display unit 1402 and the input unit 1404. In some embodiments, the processing unit 1408 includes a detection unit 1410, a display enabling unit 1412, a suspend unit 1414, an update unit 1416, a zoom unit 1418, a mobile unit 1420, And a removal unit 1422. [

The processing unit 1408 may be configured to enable simultaneous display of a plurality of selectable user interface objects (e.g., using the display enabling unit 1412) that include one or more folder icons on the display unit 1402; A first input corresponding to a request to select a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages comprising a first page and a second page, (E.g., using detection unit 1410); And is configured to enable display of the folder view for each folder (e.g., using the display enabling unit 1412) in response to detecting the first input. Wherein the folder view includes a space for simultaneously displaying a second number or fewer of selectable icons, less than the first selectable icons; The folder view displays a first page containing a first subset of selectable icons in the folder. While enabling the display of the first page of the folder view (e.g., using the display enabling unit 1412), the processing unit 1408 generates a second input corresponding to the request to display the second page of the folder view (E.g., using detection unit 1410); Then, in response to detecting the second input, it is possible to cause the display of the first page of the folder view to be disabled (e.g., using the suspend unit 1414) (E.g., using the display enabling unit 1412) of the second page, wherein the second page of the folder view comprises a plurality of selectable icons different from the first subset of selectable icons 2 subsets.

In some embodiments, displaying the folder view includes displaying two or more page indicator icons that provide information regarding the number of distinct pages of selectable icons that are split into selectable icons in the folder; After detecting the first input and before detecting the second input, the two or more page indicator icons have a first appearance; The processing unit 1408 may further update the two or more page indicator icons (e.g., to the update unit 1416) in response to detecting the second input to generate a second appearance that differs from the first appearance Respectively.

In some embodiments, the page indicator icons indicate the location of the currently displayed page in the folder view, among the series of pages of selectable icons in each folder.

In some embodiments, the first appearance of the page indicator icons indicates that the first page is currently displayed in the folder view; A second appearance of the page indicator icons indicates that the second page is currently displayed in the folder view.

In some embodiments, the first subset of selectable icons is displayed as a first array on a first page of the folder view; Before detecting the first input, each folder icon includes a plurality of reduced scale representations of the first subset of selectable icons displayed in the first arrangement.

In some embodiments, the processing unit 1408 may further include,

To detect (e.g., to the detection unit 1410) a third input received by the input unit corresponding to a request to close the folder view while displaying the second page of the folder view; Then, in response to detecting the third input: to enable the display of the folder view (e.g., using the pause unit 1414); And to enable display of reduced scale representations of the second subset of selectable icons (e.g., using the display enable unit 1412) for each folder icon for each folder.

In some embodiments, the processing unit 1408 further includes a display (e.g., using the display enabling unit 1412) of reduced scale representations of the second subset of selectable icons in each folder icon (E. G., Display enable unit 1412 &lt; / RTI &gt; &lt; RTI ID = 0.0 &gt; )). &Lt; / RTI &gt;

In some embodiments, before detecting a first input, a plurality of selectable user interface objects are displayed in respective arrays; Enabling display of a folder view for each folder in response to detecting a first input includes: zooming in on each folder icon (e.g., using a zoom unit 1418) Zooming in on each of the folder icons includes enlarging the respective arrays such that each folder icon is enlarged and moved towards the center of the display unit; And enabling the display of each folder icon to be zoomed in, and replacing each expanded folder icon with a folder view (e.g., using the display enabling unit 1412).

In some embodiments, the processing unit 1408 may further include, in response to detecting the first input, enabling the display of a plurality of selectable user interface objects (e.g., using a pause unit 1414) ).

In some embodiments, the processing unit 1408 additionally includes a request to move each icon from the second page of the folder view to a respective location on the display unit, while displaying the second page of the folder view To detect a corresponding fourth input received by the input unit (e.g., using the detection unit 1410); Then, in response to detecting the fourth input: each icon is moved from the second page to a different page of the folder view (e.g., to the mobile unit 1420), in response to the detection that each location is within the predetermined page change area To move); And to remove each icon from the folder view (e.g., using the removal unit 1422), according to the determination that each location is within a predetermined icon removal area distinct from the page change area.

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

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

In some embodiments, the plurality of selectable user interface objects are selectable user interface objects of the first page of selectable user interface objects of the plurality of distinct individual display pages; The processing unit 1408 may further comprise: a fifth input received by the input unit, corresponding to a request to display selectable user interface objects of different pages of the selectable user interface objects of the plurality of distinct individual display pages, (E.g., using detection unit 1410); And in response to receiving the fifth input: to enable (e.g., using the suspend unit 1414) to enable display of the selectable user interface objects of the first page; And enable display of the second page selectable user interface objects (e.g., using the display enabling unit 1412) different from the selectable user interface objects of the first page.

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

The operations in the above-described information processing methods are selectively implemented by operating one or more functional modules in an information processing device, such as general purpose processors (e.g., as described above with reference to FIGS. 1A and 3) or application specific chips.

6A to 6E, 7A to 7C, 8A to 8C, 9A, 9B, 10A, 10B, 11A to 11C, 12A to 12E and 13A to 13E The above-described operations are selectively implemented by the components shown in Figs. 1A to 1C and / or 14. For example, detection operations 1304 and 1322; The display operations 1306 and 1334 are optionally implemented by an event classifier 170, an event recognizer 180, and an event handler 190. The event monitor 171 in the event classifier 170 detects contact on the touch-sensitive display 112 and the event dispatcher module 174 delivers event information to the application 136-1. Each event recognizer 180 of application 136-1 compares event information to each event definition 186 and determines whether the first contact (or rotation of the device) at the first location on the touch- Such as the selection of an object on the user interface or the rotation of the device from one orientation to another orientation. If each predefined event or sub-event is detected, the event recognizer 180 activates the event handler 190 associated with the detection of the event or sub-event. The event handler 190 selectively uses or invokes the data updater 176 or the object updater 177 to update the application internal state 192. [ In some embodiments, event handler 190 accesses each GUI updater 178 to update 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 Figures 1A-1C.

The above description has been described with reference to specific embodiments for purposes of illustration. However, the above illustrative discussions are not intended to limit the invention to the precise forms disclosed or disclosed. Many modifications and variations are possible in light of the above teachings. The embodiments are chosen and described in order to best explain the principles of the invention and its practical applications so that those skilled in the art will be able to best utilize the invention and various embodiments having various modifications as are suited to the particular use contemplated .

Claims (38)

15. A computer-readable storage medium having stored thereon one or more programs including instructions for: causing, when executed by an electronic device having a display,
Simultaneously displaying a plurality of selectable user interface objects including one or more folder icons on the display;
A request to select a respective folder icon for each folder containing a first number of selectable icons divided into a plurality of distinct separate displayed pages comprising a first page and a second page, To detect a first input corresponding to &lt; RTI ID = 0.0 &gt;
In response to detecting the first input, displaying a folder view for each of the folders,
Wherein the folder view comprises a space for simultaneously displaying a second number or less of selectable icons, the number of which is less than the first number of selectable icons,
The folder view displaying the first page comprising a first subset of the selectable icons in the folder;
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;
In response to detecting the second input, stopping displaying the first page of the folder view and stopping the second page of the folder view for each folder, Comprises a second subset of the selectable icons that is different than the first subset of selectable icons,
Detect 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 said third input:
Stop displaying the folder view;
To display, on each of the folder icons for each folder, reduced scale representations of the second subset of selectable icons,
Computer readable storage medium. The method according to claim 1,
Wherein displaying the folder view comprises displaying two or more page indicator icons that provide information regarding the number of distinct pages of selectable icons that are split into selectable icons in the folder;
After detecting the first input and before detecting the second input, the two or more page indicator icons have a first appearance;
Wherein the computer-readable storage medium, when executed by the electronic device, causes the device to update the two or more page indicator icons in response to detecting the second input, The computer program product comprising instructions for causing a computer to have a second appearance. 3. The computer-readable medium of claim 2, wherein the page indicator icons indicate a location of a currently displayed page in the folder view among a series of pages of selectable icons in the respective folder. 3. The method of claim 2,
Wherein the first appearance of the page indicator icons indicates that the first page is currently displayed in the folder view;
Wherein the second appearance of the page indicator icons indicates that the second page is currently displayed in the folder view. The method according to claim 1,
The first subset of selectable icons being displayed in a first array on the first page of the folder view;
Wherein each folder icon comprises a plurality of reduced scale representations of the first subset of the selectable icons displayed in the first arrangement prior to detecting the first input. Storage medium. delete The method of claim 1, further comprising: when executed by the electronic device, cause the device to display reduced scale representations of the second subset of selectable icons on the respective folder icons, Instructions for causing the computer to replace the reduced scale representations of the second subset of selectable icons with reduced scale representations of the first subset of selectable icons. The method according to claim 1,
Before detecting the first input, the plurality of selectable user interface objects are displayed in respective arrays;
Displaying the folder view for each folder in response to detecting the first input,
Zooming in on each of the folder icons, the zooming in on each of the folder icons includes enlarging each of the arrangements so that the respective folder icons are magnified and moved toward the center of the display -; And
Displaying a folder view; and zooming in on each of the folder icons, and then replacing each of the expanded folder icons with the folder view. 2. The method of claim 1, further comprising instructions, when executed by the electronic device, to cause the device to stop displaying the plurality of selectable user interface objects in response to detecting the first input. Computer readable storage medium. The method of claim 1, further comprising: when executed by the electronic device,
Detect a fourth input corresponding to a request to move each icon from the second page of the folder view to a respective location on the display while displaying the second page of the folder view;
In response to detecting said fourth input:
Move each icon from the second page to a different page in the folder view, according to a determination that the respective location is within a predetermined page-change region;
Instructions for causing each icon to be removed from the folder view in accordance with a determination that the respective position is within a predetermined icon-removal region distinct from the page change region. Storage medium. 11. The computer readable storage medium of claim 10, wherein the page change area is at or near the right side of the folder view. 11. The computer-readable medium of claim 10, wherein the icon removal area is at or near the bottom of the folder view. The method according to claim 1,
The plurality of selectable user interface objects being selectable user interface objects of a first page of selectable user interface objects of a plurality of distinct individual display pages;
The computer-readable storage medium, when executed by the electronic device,
Receive a fifth input corresponding to a request to display selectable user interface objects of different ones of the selectable user interface objects of the plurality of distinct individual display pages;
In response to receiving said fifth input:
Stop displaying the selectable user interface objects of the first page;
Instructions for displaying selectable user interface objects of a second page different from selectable user interface objects of the first page. The method according to claim 1,
Wherein the first input is a tap gesture for each of the folder icons;
And wherein the second input is a swipe gesture within the folder view. As an electronic device,
display;
One or more processors;
Memory; And
And one or more programs stored in the memory and configured to be executed by the one or more processors,
For simultaneously displaying on the display a plurality of selectable user interface objects including one or more folder icons;
A first input corresponding to a request to select a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages comprising a first page and a second page, ;
In response to detecting the first input, displaying a folder view for each of the folders,
Wherein the folder view comprises a space for simultaneously displaying a second number or less of selectable icons, the number of which is less than the first number of selectable icons,
The folder view displaying the first page comprising 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, stopping displaying the first page of the folder view and the second page of the folder view for each folder, the second page of the folder view A second subset of selectable icons different than the first subset of selectable icons;
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 said third input:
Stop displaying the folder view;
To display, on each of the folder icons for each folder, reduced scale representations of the second subset of selectable icons,
&Lt; / RTI &gt; As a method,
In an electronic device having a display,
Simultaneously displaying on the display a plurality of selectable user interface objects including one or more folder icons;
A first input corresponding to a request to select a respective folder icon for each folder comprising a first number of selectable icons divided into a plurality of distinct individual display pages comprising a first page and a second page, ;
Displaying a folder view for each of the folders in response to detecting the first input,
Wherein the folder view comprises a space for simultaneously displaying a second number or less of selectable icons, the number of which is less than the first number of selectable icons,
The folder view displaying the first page comprising 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; And
In response to detecting the second input, stopping displaying the first page of the folder view and stopping the second page of the folder view for each folder, Wherein the selectable icons include a second subset of the selectable icons that is different than the first subset of selectable icons;
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 said third input:
Stop displaying the folder view;
Displaying, on each of the folder icons for each folder, reduced scale representations of the second subset of selectable icons;
/ RTI &gt; delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete delete

Images