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

• US 9,645,709 B2
• Filed: 09/30/2015
• Issued: 05/09/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., Dascola, Jonathan R., Dye, Alan C., Ive, Jonathan, Jisrawi, Mohammed N., Jurewitz, Michael T., Karunamuni, Chanaka G., Moussette, Camille, Wan, Wan Si, Kocienda, Kenneth L., Gutknecht, Olivier D. R.
• Primary Examiner(s): Levy, Amy M
• Application Number:
  US14/871,236
• Publication Number:
  US 20160259519A1
• Time in Patent Office: 587 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 user interface objects in a first user interface; detects an input by a contact while a focus selector is over a first user interface object; if the input meets selection criteria, displays a second user interface; if a first portion of the input meets preview criteria, displays a preview area overlaid on at least some of the user interface objects, wherein the preview area includes a reduced scale representation of the second user interface; if a second portion of the input meets user-interface-replacement criteria, replaces display of the first user interface and the overlaid preview area with display of the second user interface; and, if the second portion of the input meets preview-area-disappearance criteria, ceases to display the preview area and displays the first user interface after the input ends.

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 intensity of contacts with the touch-sensitive surface;

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

detecting an input by a contact on the touch-sensitive surface while a focus selector is over a first user interface object, in the plurality of user interface objects, on the display;

in accordance with a determination that the input meets selection criteria, displaying a second user interface that is distinct from the first user interface in response to detecting the input, wherein the selection criteria includes a criterion that is satisfied in response to detecting that the input is a tap gesture;

in accordance with a determination that a first portion of the input meets preview criteria, displaying a preview area overlaid on at least some of the plurality of user interface objects in the first user interface in response to detecting the first portion of the input, wherein the preview area includes a reduced scale representation of the second user interface;

in accordance with a determination that a second portion of the input by the contact, detected after the first portion of the input, meets user-interface-replacement criteria, wherein the user-interface-replacement criteria include a criterion that is satisfied by detecting a characteristic intensity of the contact increase above a second intensity threshold that is greater than a first intensity threshold, replacing display of the first user interface and the overlaid preview area with display of the second user interface; and

,

in accordance with a determination that the second portion of the input by the contact meets preview-area-disappearance criteria, wherein the preview-area-disappearance criteria include a criterion that is satisfied by detecting the characteristic intensity of the contact decrease from an intensity above the first intensity threshold to an intensity below the first intensity threshold, without having the characteristic intensity during the input reach the second intensity threshold, ceasing to display the preview area and displaying the first user interface after the input ends.

2. The method of claim 1, wherein determining that the first portion of the input meets preview criteria includes, while the focus selector is over the first user interface object, in the plurality of user interface objects, on the display, detecting the characteristic intensity of the contact increase to the first intensity threshold.

3. The method of claim 1, including:

in accordance with a determination that the second portion of the input by the contact meets preview-area-maintenance criteria, maintaining display of the preview area overlaid on at least some of the plurality of user interface objects in the first user interface, after the input ends.

4. The method of claim 3, wherein the preview-area-maintenance criteria include a requirement that the second portion of the input include movement of the contact across the touch-sensitive surface that moves the focus selector in a predefined direction on the display.

5. The method of claim 3, wherein the preview-area-maintenance criteria include a requirement that action icons are displayed in the preview area during the second portion of the input.

6. The method of claim 3, wherein the preview-area-disappearance criteria include a requirement that the user-interface-replacement criteria are not satisfied and a requirement that the preview-area-maintenance criteria are not satisfied.

7. The method of claim 1, including:

in accordance with a determination that the first portion of the input meets hint criteria prior to meeting the preview criteria, visually obscuring the plurality of user interface objects other than the first user interface object in the first user interface.

8. The method of claim 7, wherein displaying the preview area overlaid on at least some of the plurality of user interface objects in the first user interface in response to detecting the first portion of the input includes displaying an animation in which the plurality of user interface objects other than the first user interface object in the first user interface are further obscured.

9. The method of claim 7, wherein determining that the first portion of the input meets hint criteria includes, while the focus selector is over the first user interface object, in the plurality of user interface objects, on the display, detecting the characteristic intensity of the contact increase to an intensity threshold that is less than the first intensity threshold.

10. The method of claim 1, including:

while detecting the first portion of the input and displaying the preview area;

detecting the characteristic intensity of the contact changing over time; and

,

in response to detecting the characteristic intensity of the contact changing over time, dynamically changing the size of the preview area in accordance with changes in the characteristic intensity of the contact.

11. The method of claim 1, wherein the user-interface-replacement criteria include a requirement that the characteristic intensity of the contact increase at or above a predetermined rate during the second portion of the input.

12. The method of claim 1, wherein the user-interface-replacement criteria include a requirement that an increase in the characteristic intensity of the contact during the second portion of the input is not accompanied by a movement of the contact.

13. The method of claim 1, wherein the preview-area-disappearance criteria include a requirement that no action icons are displayed in the preview area during the second portion of the input.

14. The method of claim 1, including:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface, moving the preview area in accordance with the movement of the contact.

15. The method of claim 1, including:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface;

moving the focus selector in accordance with the movement of the contact; and

displaying one or more action items that are associated with the first user interface object.

16. The method of claim 15, including:

while the preview area is displayed on the display and the one or more action items are not displayed;

displaying an indicator indicating that the one or more action items associated with the first user interface object are hidden.

17. The method of claim 16, wherein the indicator is configured to represent a direction of movement of a focus selector that triggers display of the one or more action items associated with the first user interface object.

18. The method of claim 15, wherein:

the movement of the contact across the touch-sensitive surface causes a movement of the focus selector on the display in a first direction; and

displaying the one or more action items that are associated with the first user interface object includes;

shifting the preview area in the first direction on the display; and

revealing the one or more action items as the preview area is shifted in the first direction.

19. The method of claim 18, including:

after revealing the one or more action items;

continuing to shift the preview area in the first direction on the display in accordance with the movement of the contact.

20. The method of claim 18, wherein displaying the one or more action items associated with the first user interface object includes displaying a first action item associated with the first user interface object, and the method includes:

while displaying the first action item associated with the first user interface object, detecting that the movement of the contact causes the focus selector to move at least a first threshold amount on the display before detecting lift-off of the contact;

in response to detecting that the movement of the contact causes the focus selector to move at least the first threshold amount on the display, changing a visual appearance of the first action item;

detecting lift-off of the contact after changing the visual appearance of the first action item; and

,

in response to detecting the lift-off of the contact;

ceasing to display the first action item; and

performing a first action represented by the first action item.

21. The method of claim 1, including:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface that moves the focus selector in a respective direction and that meets a respective movement threshold, performing an operation associated with movement in the respective direction in response to detecting the end of the input; and

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface that moves the focus selector in the respective direction and that does not meet the respective movement threshold, forgoing performing the operation associated with movement in the respective direction in response to detecting the end of the input.

22. The method of claim 21, wherein movement of the focus selector in a first direction is associated with a first action and movement of the focus selector in a second direction is associated with a second action.

23. The method of claim 22, wherein movement of the focus selector in the first direction is associated with a first movement threshold and movement of the focus selector in the second direction is associated with a second movement threshold that is higher than the first movement threshold.

24. The method of claim 1, wherein displaying the second user interface that is distinct from the first user interface in accordance with a determination that the input meets selection criteria includes replacing display of the first user interface with display of the second user interface.

25. The method of claim 1, wherein:

the preview-area-disappearance criteria include detecting a decreasing intensity of the contact and lift off of the contact, and

the preview area is maintained on the display while the intensity of the contact decreases until liftoff of the contact from the touch-sensitive surface is detected.

30. The device of claim 24, wherein the preview-area-maintenance criteria include a requirement that action icons are displayed in the preview area during the second portion of the input.

64. The storage medium of claim 30, including instructions, which when executed by the electronic device cause the electronic device to:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface, move the preview area in accordance with the movement of the contact.

26. An electronic device, comprising:

a display;

a touch-sensitive surface;

one or more sensors to detect intensity 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 user interface objects in a first user interface on the display;

detecting an input by a contact on the touch-sensitive surface while a focus selector is over a first user interface object, in the plurality of user interface objects, on the display;

in accordance with a determination that the input meets selection criteria, displaying a second user interface that is distinct from the first user interface in response to detecting the input, wherein the selection criteria includes a criterion that is satisfied in response to detecting that the input is a tap gesture;

in accordance with a determination that a first portion of the input meets preview criteria, displaying a preview area overlaid on at least some of the plurality of user interface objects in the first user interface in response to detecting the first portion of the input, wherein the preview area includes a reduced scale representation of the second user interface;

in accordance with a determination that a second portion of the input by the contact, detected after the first portion of the input, meets user-interface-replacement criteria, wherein the user-interface-replacement criteria include a criterion that is satisfied by detecting a characteristic intensity of the contact increase above a second intensity threshold that is greater than a first intensity threshold, replacing display of the first user interface and the overlaid preview area with display of the second user interface; and

,

in accordance with a determination that the second portion of the input by the contact meets preview-area-disappearance criteria, wherein the preview-area-disappearance criteria include a criterion that is satisfied by detecting the characteristic intensity of the contact decrease from an intensity above the first intensity threshold to an intensity below the first intensity threshold, without having the characteristic intensity during the input reach the second intensity threshold, ceasing to display the preview area and displaying the first user interface after the input ends.

27. The device of claim 26, wherein determining that the first portion of the input meets preview criteria includes, while the focus selector is over the first user interface object, in the plurality of user interface objects, on the display, detecting the characteristic intensity of the contact increase to the first intensity threshold.

28. The device of claim 26, including instructions for:

in accordance with a determination that the second portion of the input by the contact meets preview-area-maintenance criteria, maintaining display of the preview area overlaid on at least some of the plurality of user interface objects in the first user interface, after the input ends.

29. The device of claim 28, wherein the preview-area-maintenance criteria include a requirement that the second portion of the input include movement of the contact across the touch-sensitive surface that moves the focus selector in a predefined direction on the display.

31. The device of claim 28, wherein the preview-area-disappearance criteria include a requirement that the user-interface-replacement criteria are not satisfied and a requirement that the preview-area-maintenance criteria are not satisfied.

32. The device of claim 26, including instructions for:

in accordance with a determination that the first portion of the input meets hint criteria prior to meeting the preview criteria, visually obscuring the plurality of user interface objects other than the first user interface object in the first user interface.

33. The device of claim 32, wherein displaying the preview area overlaid on at least some of the plurality of user interface objects in the first user interface in response to detecting the first portion of the input includes displaying an animation in which the plurality of user interface objects other than the first user interface object in the first user interface are further obscured.

34. The device of claim 32, wherein determining that the first portion of the input meets hint criteria includes, while the focus selector is over the first user interface object, in the plurality of user interface objects, on the display, detecting the characteristic intensity of the contact increase to an intensity threshold that is less than the first intensity threshold.

35. The device of claim 26, including instructions for:

while detecting the first portion of the input and displaying the preview area;

detecting the characteristic intensity of the contact changing over time; and

,

in response to detecting the characteristic intensity of the contact changing over time, dynamically changing the size of the preview area in accordance with changes in the characteristic intensity of the contact.

36. The device of claim 26, wherein the user-interface-replacement criteria include a requirement that the characteristic intensity of the contact increase at or above a predetermined rate during the second portion of the input.

37. The device of claim 26, wherein the user-interface-replacement criteria include a requirement that an increase in the characteristic intensity of the contact during the second portion of the input is not accompanied by a movement of the contact.

38. The device of claim 28, wherein the preview-area-disappearance criteria include a requirement that no action icons are displayed in the preview area during the second portion of the input.

39. The device of claim 26, including instructions for:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface, moving the preview area in accordance with the movement of the contact.

40. The device of claim 26, including instructions for:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface;

moving the focus selector in accordance with the movement of the contact; and

displaying one or more action items that are associated with the first user interface object.

41. The device of claim 40, including instructions for:

while the preview area is displayed on the display and the one or more action items are not displayed;

displaying an indicator indicating that the one or more action items associated with the first user interface object are hidden.

42. The device of claim 41, wherein the indicator is configured to represent a direction of movement of a focus selector that triggers display of the one or more action items associated with the first user interface object.

43. The device of claim 40, wherein:

the movement of the contact across the touch-sensitive surface causes a movement of the focus selector on the display in a first direction; and

displaying the one or more action items that are associated with the first user interface object includes;

shifting the preview area in the first direction on the display; and

revealing the one or more action items as the preview area is shifted in the first direction.

44. The device of claim 43, including instructions for:

after revealing the one or more action items;

continuing to shift the preview area in the first direction on the display in accordance with the movement of the contact.

45. The device of claim 43, wherein displaying the one or more action items associated with the first user interface object includes displaying a first action item associated with the first user interface object, and the device includes instructions for:

while displaying the first action item associated with the first user interface object, detecting that the movement of the contact causes the focus selector to move at least a first threshold amount on the display before detecting lift-off of the contact;

in response to detecting that the movement of the contact causes the focus selector to move at least the first threshold amount on the display, changing a visual appearance of the first action item;

detecting lift-off of the contact after changing the visual appearance of the first action item; and

,

in response to detecting the lift-off of the contact;

ceasing to display the first action item; and

performing a first action represented by the first action item.

46. The device of claim 26, including instructions for:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface that moves the focus selector in a respective direction and that meets a respective movement threshold, performing an operation associated with movement in the respective direction in response to detecting the end of the input; and

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface that moves the focus selector in the respective direction and that does not meet the respective movement threshold, forgoing performing the operation associated with movement in the respective direction in response to detecting the end of the input.

47. The device of claim 46, wherein movement of the focus selector in a first direction is associated with a first action and movement of the focus selector in a second direction is associated with a second action.

48. The device of claim 47, wherein movement of the focus selector in the first direction is associated with a first movement threshold and movement of the focus selector in the second direction is associated with a second movement threshold that is higher than the first movement threshold.

49. The device of claim 26, wherein displaying the second user interface that is distinct from the first user interface in accordance with a determination that the input meets selection criteria includes replacing display of the first user interface with display of the second user interface.

50. The device of claim 26, wherein:

the preview-area-disappearance criteria include detecting a decreasing intensity of the contact and lift off of the contact, and

the preview area is maintained on the display while the intensity of the contact decreases until liftoff of the contact from the touch-sensitive surface is detected.

51. 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 intensity of contacts with the touch-sensitive surface cause the electronic device to:

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

detect an input by a contact on the touch-sensitive surface while a focus selector is over a first user interface object, in the plurality of user interface objects, on the display;

in accordance with a determination that the input meets selection criteria, display a second user interface that is distinct from the first user interface in response to detecting the input, wherein the selection criteria includes a criterion that is satisfied in response to detecting that the input is a tap gesture;

in accordance with a determination that a first portion of the input meets preview criteria, display a preview area overlaid on at least some of the plurality of user interface objects in the first user interface in response to detecting the first portion of the input, wherein the preview area includes a reduced scale representation of the second user interface;

in accordance with a determination that a second portion of the input by the contact, detected after the first portion of the input, meets user-interface-replacement criteria, wherein the user-interface-replacement criteria include a criterion that is satisfied by detecting a characteristic intensity of the contact increase above a second intensity threshold that is greater than a first intensity threshold, replace display of the first user interface and the overlaid preview area with display of the second user interface; and

,

in accordance with a determination that the second portion of the input by the contact meets preview-area-disappearance criteria, wherein the preview-area-disappearance criteria include a criterion that is satisfied by detecting the characteristic intensity of the contact decrease from an intensity above the first intensity threshold to an intensity below the first intensity threshold, without having the characteristic intensity during the input reach the second intensity threshold, cease to display the preview area and display the first user interface after the input ends.

52. The storage medium of claim 51, wherein determining that the first portion of the input meets preview criteria includes, while the focus selector is over the first user interface object, in the plurality of user interface objects, on the display, detecting the characteristic intensity of the contact increase to the first intensity threshold.

53. The storage medium of claim 51, including instructions, which when executed by the electronic device cause the electronic device to:

in accordance with a determination that the second portion of the input by the contact meets preview-area-maintenance criteria, maintain display of the preview area overlaid on at least some of the plurality of user interface objects in the first user interface, after the input ends.

54. The storage medium of claim 53, wherein the preview-area-maintenance criteria include a requirement that the second portion of the input include movement of the contact across the touch-sensitive surface that moves the focus selector in a predefined direction on the display.

55. The storage medium of claim 53, wherein the preview-area-maintenance criteria include a requirement that action icons are displayed in the preview area during the second portion of the input.

56. The storage medium of claim 53, wherein the preview-area-disappearance criteria include a requirement that the user-interface-replacement criteria are not satisfied and a requirement that the preview-area-maintenance criteria are not satisfied.

57. The storage medium of claim 51, including instructions, which when executed by the electronic device cause the electronic device to:

in accordance with a determination that the first portion of the input meets hint criteria prior to meeting the preview criteria, visually obscure the plurality of user interface objects other than the first user interface object in the first user interface.

58. The storage medium of claim 57, wherein displaying the preview area overlaid on at least some of the plurality of user interface objects in the first user interface in response to detecting the first portion of the input includes displaying an animation in which the plurality of user interface objects other than the first user interface object in the first user interface are further obscured.

59. The storage medium of claim 57, wherein determining that the first portion of the input meets hint criteria includes, while the focus selector is over the first user interface object, in the plurality of user interface objects, on the display, detecting the characteristic intensity of the contact increase to an intensity threshold that is less than the first intensity threshold.

60. The storage medium of claim 51, including instructions, which when executed by the electronic device cause the electronic device to:

while detecting the first portion of the input and displaying the preview area;

detect the characteristic intensity of the contact changing over time; and

,

in response to detecting the characteristic intensity of the contact changing over time, dynamically change the size of the preview area in accordance with changes in the characteristic intensity of the contact.

61. The storage medium of claim 51, wherein the user-interface-replacement criteria include a requirement that the characteristic intensity of the contact increase at or above a predetermined rate during the second portion of the input.

62. The storage medium of claim 51, wherein the user-interface-replacement criteria include a requirement that an increase in the characteristic intensity of the contact during the second portion of the input is not accompanied by a movement of the contact.

63. The storage medium of claim 51, wherein the preview-area-disappearance criteria include a requirement that no action icons are displayed in the preview area during the second portion of the input.

65. The storage medium of claim 51, including instructions, which when executed by the electronic device cause the electronic device to:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface;

move the focus selector in accordance with the movement of the contact; and

display one or more action items that are associated with the first user interface object.

66. The storage medium of claim 65, including instructions, which when executed by the electronic device cause the electronic device to:

while the preview area is displayed on the display and the one or more action items are not displayed;

displaying an indicator indicating that the one or more action items associated with the first user interface object are hidden.

67. The storage medium of claim 66, wherein the indicator is configured to represent a direction of movement of a focus selector that triggers display of the one or more action items associated with the first user interface object.

68. The storage medium of claim 65, wherein:

the movement of the contact across the touch-sensitive surface causes a movement of the focus selector on the display in a first direction; and

displaying the one or more action items that are associated with the first user interface object includes;

shifting the preview area in the first direction on the display; and

revealing the one or more action items as the preview area is shifted in the first direction.

69. The storage medium of claim 68, including instructions, which when executed by the electronic device cause the electronic device to:

after revealing the one or more action items;

continue to shift the preview area in the first direction on the display in accordance with the movement of the contact.

70. The storage medium of claim 68, wherein displaying the one or more action items associated with the first user interface object includes displaying a first action item associated with the first user interface object, and the storage medium includes instructions, which when executed by the electronic device cause the electronic device to:

while displaying the first action item associated with the first user interface object, detect that the movement of the contact causes the focus selector to move at least a first threshold amount on the display before detecting lift-off of the contact;

in response to detecting that the movement of the contact causes the focus selector to move at least the first threshold amount on the display, change a visual appearance of the first action item;

detect lift-off of the contact after changing the visual appearance of the first action item; and

,

in response to detecting the lift-off of the contact;

cease to display the first action item; and

perform a first action represented by the first action item.

71. The storage medium of claim 51, including instructions, which when executed by the electronic device cause the electronic device to:

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface that moves the focus selector in a respective direction and that meets a respective movement threshold, perform an operation associated with movement in the respective direction in response to detecting the end of the input; and

in accordance with a determination that the second portion of the input by the contact includes movement of the contact across the touch-sensitive surface that moves the focus selector in the respective direction and that does not meet the respective movement threshold, forgo performing the operation associated with movement in the respective direction in response to detecting the end of the input.

72. The storage medium of claim 71, wherein movement of the focus selector in a first direction is associated with a first action and movement of the focus selector in a second direction is associated with a second action.

73. The storage medium of claim 72, wherein movement of the focus selector in the first direction is associated with a first movement threshold and movement of the focus selector in the second direction is associated with a second movement threshold that is higher than the first movement threshold.

74. The storage medium of claim 51, wherein displaying the second user interface that is distinct from the first user interface in accordance with a determination that the input meets selection criteria includes replacing display of the first user interface with display of the second user interface.

75. The storage medium of claim 51, wherein:

the preview-area-disappearance criteria include detecting a decreasing intensity of the contact and lift off of the contact, and

the preview area is maintained on the display while the intensity of the contact decreases until liftoff of the contact from the touch-sensitive surface is detected.