Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback

• US 9,632,664 B2
• Filed: 09/29/2015
• Issued: 04/25/2017
• Est. Priority Date: 03/08/2015
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Foss, Christopher P., Alonso Ruiz, Marcos, Apodaca, Gregory M., Bauer, Sebastian J., Chaudhri, Imran A., Dascola, Jonathan R., Dye, Alan C., Ive, Jonathan, Karunamuni, Chanaka G., Teutschler, Sophia, Wan, Wan Si, Kocienda, Kenneth L.
• Primary Examiner(s): Levy, Amy M
• Application Number:
  US14/869,899
• Publication Number:
  US 20160259497A1
• Time in Patent Office: 574 Days
• CPC Class Codes: G06F 2203/04104 Multi-touch detection in digitiser, i.e. details about the simultaneous detection of a plurality of touching locations, e.g. multiple fingers or pen and finger
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/016 Input arrangements with force or tactile feedback as computer generated output to the user
• CPC Class Codes: G06F 3/0416 Control or interface arrangements specially adapted for digitisers
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]
• CPC Class Codes: H04L 67/60 Scheduling or organising the servicing of application requests, e.g. requests for application data transmissions using the analysis and optimisation of the required network resources admission control or resource allocation H04L47/70

Abstract

An electronic device with a touch-sensitive surface, a display, and one or more sensors to detect intensity of contacts: displays a plurality of user interface objects in a first user interface; detects a contact while a focus selector is at a location of a first user interface object; and, while the focus selector is at the location of the first user interface object: detects an increase in a characteristic intensity of the contact to a first intensity threshold; in response, visually obscures the plurality of user interface objects, other than the first user interface object, while maintaining display of the first user interface object; detects that the characteristic intensity of the contact continues to increase above the first intensity threshold; and, in response, dynamically increases the amount of visual obscuring of the plurality of user interface objects, other than the first user interface object.

Claims

1. A method, comprising:

at an electronic device with a touch-sensitive surface and a display, wherein the device includes one or more sensors to detect intensities of contacts with the touch-sensitive surface;

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 subset of 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 of the subset of 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 subset 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, wherein;

the first magnitude of blurring has a first blur radius;

the second magnitude of blurring has a second blur radius that is larger than the first blur radius; and

the third magnitude of blurring has a third blur radius that is smaller than the second blur radius.

2. The method of claim 1, including:

in response to detecting the increase in the characteristic intensity of the contact to the first intensity threshold, decreasing a size of the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface.

3. The method of claim 1, including:

in response to detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold, dynamically decreasing the size of the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface.

4. The method of claim 1, including:

increasing the size of the first selectable user interface object in the first user interface when the characteristic intensity of the contact meets and/or exceeds the first intensity threshold.

5. The method of claim 1, including:

in response to detecting an increase in the characteristic intensity of the contact to a second intensity threshold, greater than the first intensity threshold, displaying a preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface.

6. The method of claim 5, wherein the preview area displays a preview of a user interface that is displayed in response to detecting a tap gesture on the first selectable user interface object.

7. The method of claim 5, including:

while displaying the preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface, detecting a decrease in the characteristic intensity of the contact;

in response to detecting the decrease in the characteristic intensity of the contact, maintaining display of the preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface until liftoff of the contact is detected;

detecting liftoff of the contact; and

,

in response to detecting liftoff of the contact, ceasing to display the preview area and ceasing to visually obscure the plurality of selectable user interface objects.

8. The method of claim 5, including:

in response to detecting an increase in the characteristic intensity of the contact to a third intensity threshold, greater than the second intensity threshold, replacing display of the first user interface and the overlaid preview area with display of a second user interface that is distinct from the first user interface.

9. The method of claim 1, including:

in response to detecting an increase in the characteristic intensity of the contact to a second intensity threshold, greater than the first intensity threshold, displaying a menu overlaid on at least some of the plurality of user interface objects in the first user interface, wherein the menu contains activateable menu items associated with the first selectable user interface object.

10. The method of claim 1, wherein dynamically increasing the magnitude of blurring of the subset of the plurality of selectable user interface objects includes increasing the blur radius of the blurring effect in accordance with the change in the characteristic intensity of the contact.

11. The method of claim 1, wherein:

the increase in the characteristic intensity of the contact above the first intensity threshold includes an increase in the characteristic intensity of the contact to a first intensity value that is higher than the first intensity threshold; and

the decrease in the characteristic intensity value of the contact includes a decrease in the characteristic intensity of the contact to a second intensity value that is between the first intensity value and the first intensity threshold; and

the third magnitude of blurring is greater than the first magnitude of blurring and less than the second magnitude of blurring.

12. 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 subset of 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 of the subset of 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 subset 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, wherein;

the first magnitude of blurring has a first blur radius;

the second magnitude of blurring has a second blur radius that is larger than the first blur radius; and

the third magnitude of blurring has a third blur radius that is smaller than the second blur radius.

13. The electronic device of claim 12, wherein the one or more programs include instructions for:

in response to detecting the increase in the characteristic intensity of the contact to the first intensity threshold, decreasing a size of the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface.

14. The electronic device of claim 12, wherein the one or more programs include instructions for:

in response to detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold, dynamically decreasing the size of the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface.

15. The electronic device of claim 12, wherein the one or more programs include instructions for:

increasing the size of the first selectable user interface object in the first user interface when the characteristic intensity of the contact meets and/or exceeds the first intensity threshold.

16. The electronic device of claim 12, wherein the one or more programs include instructions for:

in response to detecting an increase in the characteristic intensity of the contact to a second intensity threshold, greater than the first intensity threshold, displaying a preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface.

17. The electronic device of claim 16, wherein the preview area displays a preview of a user interface that is displayed in response to detecting a tap gesture on the first selectable user interface object.

18. The electronic device of claim 16, wherein the one or more programs include instructions for:

while displaying the preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface, detecting a decrease in the characteristic intensity of the contact;

in response to detecting the decrease in the characteristic intensity of the contact, maintaining display of the preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface until liftoff of the contact is detected;

detecting liftoff of the contact; and

,

in response to detecting liftoff of the contact, ceasing to display the preview area and ceasing to visually obscure the plurality of selectable user interface objects.

19. The electronic device of claim 16, wherein the one or more programs include instructions for:

in response to detecting an increase in the characteristic intensity of the contact to a third intensity threshold, greater than the second intensity threshold, replacing display of the first user interface and the overlaid preview area with display of a second user interface that is distinct from the first user interface.

20. The electronic device of claim 12, wherein the one or more programs include instructions for:

in response to detecting an increase in the characteristic intensity of the contact to a second intensity threshold, greater than the first intensity threshold, displaying a menu overlaid on at least some of the plurality of user interface objects in the first user interface, wherein the menu contains activateable menu items associated with the first selectable user interface object.

21. The electronic device of claim 12, wherein dynamically increasing the magnitude of blurring of the subset of the plurality of selectable user interface objects includes increasing the blur radius of the blurring effect in accordance with the change in the characteristic intensity of the contact.

22. The electronic device of claim 12, wherein:

the increase in the characteristic intensity of the contact above the first intensity threshold includes an increase in the characteristic intensity of the contact to a first intensity value that is higher than the first intensity threshold; and

the decrease in the characteristic intensity value of the contact includes a decrease in the characteristic intensity of the contact to a second intensity value that is between the first intensity value and the first intensity threshold; and

the third magnitude of blurring is greater than the first magnitude of blurring and less than the second magnitude of blurring.

23. 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 subset of 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 of the subset of 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 subset 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, wherein;

the first magnitude of blurring has a first blur radius;

the second magnitude of blurring has a second blur radius that is larger than the first blur radius; and

the third magnitude of blurring has a third blur radius that is smaller than the second blur radius.

24. The computer readable storage medium of claim 23, including instructions, which when executed by the electronic device with the display, the touch-sensitive surface, and the one or more sensors, cause the electronic device to:

in response to detecting the increase in the characteristic intensity of the contact to the first intensity threshold, decrease a size of the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface.

25. The computer readable storage medium of claim 23, including instructions, which when executed by the electronic device with the display, the touch-sensitive surface, and the one or more sensors, cause the electronic device to:

in response to detecting that the characteristic intensity of the contact continues to increase above the first intensity threshold, dynamically decrease the size of the plurality of selectable user interface objects, other than the first selectable user interface object, in the first user interface.

26. The computer readable storage medium of claim 23, including instructions, which when executed by the electronic device with the display, the touch-sensitive surface, and the one or more sensors, cause the electronic device to:

increase the size of the first selectable user interface object in the first user interface when the characteristic intensity of the contact meets and/or exceeds the first intensity threshold.

27. The computer readable storage medium of claim 23, including instructions, which when executed by the electronic device with the display, the touch-sensitive surface, and the one or more sensors, cause the electronic device to:

in response to detecting an increase in the characteristic intensity of the contact to a second intensity threshold, greater than the first intensity threshold, display a preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface.

28. The computer readable storage medium of claim 27, wherein the preview area displays a preview of a user interface that is displayed in response to detecting a tap gesture on the first selectable user interface object.

29. The computer readable storage medium of claim 27, including instructions, which when executed by the electronic device with the display, the touch-sensitive surface, and the one or more sensors, cause the electronic device to:

while displaying the preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface, detect a decrease in the characteristic intensity of the contact;

in response to detecting the decrease in the characteristic intensity of the contact, maintain display of the preview area overlaid on at least some of the plurality of selectable user interface objects in the first user interface until liftoff of the contact is detected;

detect liftoff of the contact; and

,

in response to detecting liftoff of the contact, cease to display the preview area and ceasing to visually obscure the plurality of selectable user interface objects.

30. The computer readable storage medium of claim 27, including instructions, which when executed by the electronic device with the display, the touch-sensitive surface, and the one or more sensors, cause the electronic device to

in response to detecting an increase in the characteristic intensity of the contact to a third intensity threshold, greater than the second intensity threshold, replace display of the first user interface and the overlaid preview area with display of a second user interface that is distinct from the first user interface.

31. The computer readable storage medium of claim 23, including instructions, which when executed by the electronic device with the display, the touch-sensitive surface, and the one or more sensors, cause the electronic device to:

in response to detecting an increase in the characteristic intensity of the contact to a second intensity threshold, greater than the first intensity threshold, display a menu overlaid on at least some of the plurality of user interface objects in the first user interface, wherein the menu contains activateable menu items associated with the first selectable user interface object.

32. The computer readable storage medium of claim 23, wherein dynamically increasing the magnitude of blurring of the subset of the plurality of selectable user interface objects includes increasing the blur radius of the blurring effect in accordance with the change in the characteristic intensity of the contact.

33. The computer readable storage medium of claim 23, wherein:

the increase in the characteristic intensity of the contact above the first intensity threshold includes an increase in the characteristic intensity of the contact to a first intensity value that is higher than the first intensity threshold; and

the decrease in the characteristic intensity value of the contact includes a decrease in the characteristic intensity of the contact to a second intensity value that is between the first intensity value and the first intensity threshold; and

the third magnitude of blurring is greater than the first magnitude of blurring and less than the second magnitude of blurring.

34. 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 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 and the preview of the second user interface replaces display of the first, selectable user interface object, wherein the preview of the second user interface is a reduced scale representation of the second user interface;

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.

35. The computer readable storage medium of claim 34, wherein:

the preview area displayed in response to detecting the increase in the characteristic intensity of the contact to the second intensity threshold has a first size, and

maintaining 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 maintains display of the preview at substantially the first size.

36. A method, comprising:

at an electronic device with a touch-sensitive surface and a display, wherein the device includes one or more sensors to detect intensities of contacts with the touch-sensitive surface;

displaying a plurality of selectable user interface objects in a first user interface on the display;

detecting 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;

detecting 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 obscuring 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;

detecting 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 increasing 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;

detecting 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, displaying 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 and the preview of the second user interface replaces display of the first selectable user interface object, wherein the preview of the second, user interface is a reduced scale representation of the second user interface;

detecting 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, maintaining 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, replacing 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.

37. The method of claim 36, wherein:

the preview area displayed in response to detecting the increase in the characteristic intensity of the contact to the second intensity threshold has a first size, and

maintaining 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 maintains display of the preview at substantially the first size.

38. 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 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;

detecting 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 obscuring 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;

detecting 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 increasing 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;

detecting 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, displaying 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 and the preview of the second user interface replaces display of the first selectable user interface object, wherein the preview of the second user interface is a reduced scale representation of the second user interface;

detecting 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, maintaining 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, replacing 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.

39. The electronic device of claim 38, wherein:

the preview area displayed in response to detecting the increase in the characteristic intensity of the contact to the second intensity threshold has a first size, and

maintaining 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 maintains display of the preview at substantially the first size.