Devices, Methods, and Graphical User Interfaces for Manipulating User Interface Objects with Visual and/or Haptic Feedback

An electronic device, comprising:

• a display;
• a touch-sensitive surface;
• one or more sensors to detect intensities of contacts with the touch-sensitive surface;
• one or more processors;
• memory;
• and
• one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying a plurality of selectable user interface objects in a first user interface on the display;
• detecting a contact at a location on the touch-sensitive surface while a focus selector is at a location of a first selectable user interface object, in the plurality of selectable user interface objects, on the display;
• and,
• while the focus selector is at the location of the first selectable user interface object on the display:
• while the contact has been continuously detected on the touch-sensitive surface for a first duration, detecting an increase in a characteristic intensity of the contact to a first intensity threshold;
• in response to detecting the increase in the characteristic intensity of the contact to the first intensity threshold, blurring a subset of the plurality of selectable user interface objects with a first magnitude of blurring, while maintaining display of the first selectable user interface object without blurring the first selectable user interface object, wherein the subset of the plurality of selectable user interface object includes two or more of the plurality of selectable user interface objects in the first user interface other than the first selectable user interface object;
• after blurring the plurality of selectable user interface objects and while the contact has been continuously detected on the touch-sensitive surface for a second duration that is longer than the first duration, detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold;
• and,
• in response to detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold, dynamically increasing the magnitude of blurring of the subset of the plurality of selectable user interface objects with a second magnitude of blurring that is greater than the first magnitude of blurring, while maintaining display of the first selectable user interface object without blurring the first selectable user interface object;
• after increasing the magnitude of blurring the plurality of selectable user interface objects without blurring the first selectable user interface object, detecting a decrease in the characteristic intensity of the contact and while the contact has been continuously detected on the touch-sensitive surface for a third duration that is longer than the second duration;
• and,
• in response to detecting the decrease in the characteristic intensity of the contact, dynamically decreasing the magnitude of blurring of the plurality of selectable user interface objects to a third magnitude of blurring that is less than the second magnitude of blurring, while maintaining display of the first selectable user interface object without blurring the first selectable user interface object.

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display, a touch-sensitive surface, and one or more sensors to detect intensities of contacts with the touch-sensitive surface, cause the device to:

• display a plurality of selectable user interface objects in a first user interface on the display;
• detect a contact at a location on the touch-sensitive surface while a focus selector is at a location of a first selectable user interface object, in the plurality of selectable user interface objects, on the display;
• and,
• while the focus selector is at the location of the first selectable user interface object on the display:
• while the contact has been continuously detected on the touch-sensitive surface for a first duration, detect an increase in a characteristic intensity of the contact to a first intensity threshold;
• in response to detecting the increase in the characteristic intensity of the contact to the first intensity threshold, blur a subset of the plurality of selectable user interface objects with a first magnitude of blurring, while maintaining display of the first selectable user interface object without blurring the first selectable user interface object, wherein the subset of the plurality of selectable user interface object includes two or more of the plurality of selectable user interface objects in the first user interface other than the first selectable user interface object;
• after blurring the plurality of selectable user interface objects and while the contact has been continuously detected on the touch-sensitive surface for a second duration that is longer than the first duration, detect that the characteristic intensity of the contact continues to increase above the first intensity threshold;
• and,
• in response to detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold, dynamically increase the magnitude of blurring of the subset of the plurality of selectable user interface objects with a second magnitude of blurring that is greater than the first magnitude of blurring, while maintaining display of the first selectable user interface object without blurring the first selectable user interface object;
• after increasing the magnitude of blurring the plurality of selectable user interface objects without blurring the first selectable user interface object, detect a decrease in the characteristic intensity of the contact and while the contact has been continuously detected on the touch-sensitive surface for a third duration that is longer than the second duration;
• and,
• in response to detecting the decrease in the characteristic intensity of the contact, dynamically decrease the magnitude of blurring of the plurality of selectable user interface objects to a third magnitude of blurring that is less than the second magnitude of blurring, while maintaining display of the first selectable user interface object without blurring the first selectable user interface object.

A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display, a touch-sensitive surface, and one or more sensors to detect intensities of contacts with the touch-sensitive surface, cause the device to:

• display a plurality of selectable user interface objects in a first user interface on the display;
• detect an input by a contact at a location on the touch-sensitive surface while a focus selector is at a location of a first selectable user interface object, in the plurality of selectable user interface objects, on the display, wherein the device is configured to replace display of the first user interface with a second user interface in response to detecting a tap gesture on the first selectable user interface object;
• and,
• while the focus selector is at the location of the first selectable user interface object on the display:
• detect a first portion of the input that includes detecting an increase in a characteristic intensity of the contact to a first intensity threshold;
• in response to detecting the increase in the characteristic intensity of the contact to the first intensity threshold, visually obscure the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface while maintaining display of the first selectable user interface object without visually obscuring the first selectable user interface object;
• detect a second portion of the input, after the first portion of the input, that includes detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold;
• and,
• in response to detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold, dynamically increase the amount of visual obscuring of the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface while maintaining display of the first selectable user interface object without visually obscuring the first selectable user interface object;
• detect a third portion of the input, after the second portion of the input, that includes detecting an increase in the characteristic intensity of the contact to a second intensity threshold, greater than the first intensity threshold;
• and,
• in response to detecting the increase in the characteristic intensity of the contact to the second intensity threshold, display a preview area overlaid on at least some of the plurality of user interface objects in the first user interface, wherein the preview area displays a preview of the second user interface that is displayed in response to detecting a tap gesture on the first selectable user interface object;
• detect a fourth portion of the input, after the third portion;
• and,
• in response to detecting the fourth portion of the input:
• in accordance with a determination that the fourth portion of the input includes detecting a decrease in the characteristic intensity of the contact while displaying the preview of the second user interface overlaid on at least some of the plurality of user interface objects in the first user interface, without detecting an increase in the characteristic intensity of the contact to a third intensity threshold, greater than the second intensity threshold, maintain display of the preview of the second user interface overlaid on at least some of the plurality of user interface objects in the first user interface until liftoff of the contact is detected;
• and,
• in accordance with a determination that the fourth portion of the input includes detecting an increase in the characteristic intensity of the contact to the third intensity threshold, greater than the second intensity threshold, replace display of the first user interface and the overlaid preview area with display of the second user interface, and maintain display of the second user interface in response to detecting lift off of the contact.