Devices, methods, and graphical user interfaces for providing feedback during interaction with an intensity-sensitive button

• US 9,740,381 B1
• Filed: 09/20/2016
• Issued: 08/22/2017
• Est. Priority Date: 09/06/2016
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Chaudhri, Imran A., Kocienda, Kenneth L., Alonso Ruiz, Marcos, Karunamuni, Chanaka G.
• Primary Examiner(s): Gaffin, Jeffrey A
• Assistant Examiner(s): Lee, Justin
• Application Number:
  US15/271,194
• Time in Patent Office: 336 Days
• CPC Class Codes: G06F 1/1626 with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
• CPC Class Codes: G06F 1/1671 Special purpose buttons or auxiliary keyboards, e.g. retractable mini keypads, keypads or buttons that remain accessible at closed laptop G06F1/1666 takes precedence
• CPC Class Codes: G06F 2203/04105 Pressure sensors for measuring the pressure or force exerted on the touch surface without providing the touch position
• 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/02 Input arrangements using manually operated switches, e.g. using keyboards or dials
• CPC Class Codes: G06F 3/0227 Cooperation and interconnection of the input arrangement with other functional units of a computer G06F3/023 - G06F3/037 take precedence
• 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/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• 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: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
• CPC Class Codes: G06F 3/165 Management of the audio stream, e.g. setting of volume, audio stream path
• CPC Class Codes: G06F 3/167 Audio in a user interface, e.g. using voice commands for navigating, audio feedback
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites

Abstract

An electronic device: while displaying a first user interface, detects a first input that is consistent with a request to display a second user interface and a request to display a third user interface. In response, the device starts to display a first animated transition from the first to the second user interface. While the first animated transition is being displayed, the device detects a second input. In response, the device determines that the second input is consistent with the request to display the third user interface and whether the second input is received at a first or at a later, second time. If at the first time, the device: interrupts the first animated transition at a first point and displays a second animated transition from the first point to the third user interface. If at the second, later time, the device interrupts the first animated transition at a second point (after the first point), and displays a third animated transition from the second point to the third user interface.

Claims

1. A non-transitory computer-readable storage medium storing one or more programs, the one or more programs comprising instructions that, when executed by an electronic device with a display, and a touch-sensitive surface, cause the electronic device to:

display a first user interface;

while displaying the first user interface, detect a first input, wherein the first input is consistent with a request to display a second user interface and a request to display a third user interface;

in response to detecting the first input, start to display a first animated transition from the first user interface to a second user interface;

while the first animated transition is being displayed, detect a second input; and

in response to detecting the second input;

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a first time;

interrupt the first animated transition from the first user interface to the second user interface at a first point in the first animated transition, and

display a second animated transition from the first point in the first animated transition to the third user interface; and

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a second time that is after the first time;

interrupt the first animated transition from the first user interface to the second user interface at a second point in the first animated transition that is after the first point in the first animated transition, and

display a third animated transition from the second point in the first animated transition to the third user interface, wherein the third animated transition is different from the second animated transition.

2. The computer-readable storage medium of claim 1, the one or more programs further comprising instructions that cause the device to:

in response to detecting the second input;

in accordance with a determination that the second input meets first criteria, and that that the second input is received at a third time that is after the second time, continue to display the first animated transition.

3. The computer-readable storage medium of claim 1, wherein the first time and the second time occur before a threshold time for detecting a double-click input that includes the first input.

4. The computer-readable storage medium of claim 2, wherein the third time occurs after the threshold time for detecting a double-click input that includes the first input.

5. The computer-readable storage medium of claim 1, wherein the second input is a repetition of the first input.

6. The computer-readable storage medium of claim 1, wherein the first animated transition from the first user interface to the second user interface includes movement of the first user interface in a first direction, and the second animated transition includes movement of the first user interface in a second direction that is distinct from the first direction.

7. The computer-readable storage medium of claim 1, the one or more programs further comprising instructions that cause the device to:

in response to detecting the second input;

in accordance with a determination that the second input is consistent with a request to display a fourth user interface, distinct from the first, second, and third user interfaces;

interrupt the first animated transition from the first user interface to the second user interface at a third point in the first animated transition, distinct from the first and second points in the first animated transition, and

display a fourth animated transition from the third point in the first animated transition to the fourth user interface, wherein the fourth animated transition is different from the first, second and third animated transitions.

8. The computer-readable storage medium of claim 7, wherein the first animated transition from the first user interface to the second user interface includes movement of the first user interface in a first direction, the fourth animated transition includes movement of the first user interface in a second direction that is opposite the first direction, and the third animated transition is in a third direction that is orthogonal to the first and second directions.

9. The computer-readable storage medium of claim 1, the one or more programs further comprising instructions that cause the device to:

in response to detecting the second input;

in accordance with a determination that the second input is consistent with a request to transition to a fifth user interface;

interrupt the first animated transition from the first user interface to the second user interface at a fourth point in the first animated transition, and

display a fifth animated transition from the fourth point in the first animated transition to the fifth user interface, wherein the fifth animated transition is different from the first, second and third animated transitions.

10. The computer-readable storage medium of claim 1, the one or more programs further comprising instructions that cause the device to:

while displaying the first user interface, prior to detecting the first input;

detect a precursor input for the first input;

in response to detecting the precursor input, display a hint animation wherein the hint animation includes a start of the first animated transition from the first user interface to the second user interface.

11. The computer-readable storage medium of claim 1, wherein:

the first user interface is a user interface of a first application, and

the one or more programs further comprise instructions that cause the device to generate the first animated transition in accordance with a location of a first application launch icon on the second user interface.

12. The computer-readable storage medium of claim 1, wherein:

detecting the first input includes detecting a first press input by a first contact on a home button, wherein the first press input includes an increase in a characteristic intensity of the first contact above a first intensity threshold followed by a decrease in the characteristic intensity of the first contact below a second intensity threshold.

13. The computer-readable storage medium of claim 12, the one or more programs further comprising instructions that cause the device to

generate a first tactile output in response to detecting the increase in the characteristic intensity of the first contact above the first intensity threshold.

14. The computer-readable storage medium of claim 12, the one or more programs further comprising instructions that cause the device to

generate a second tactile output in response to detecting the decrease in the characteristic intensity of the first contact below the second intensity threshold.

15. The computer-readable storage medium of claim 1, the one or more programs further comprising instructions that cause the device to, in response to detecting the second input:

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a fourth time that is after the second time;

continue to display the first animated transition from the first user interface to the second user interface, and

display a fifth animated transition from an end of the first animated transition to the third user interface, wherein the fifth animated transition is different from the second animated transition and the third animated transition.

16. The computer-readable storage medium of claim 1, the one or more programs further comprising instructions that cause the device to, in response to detecting the second input:

in accordance with a determination that the second input is not consistent with the request to display the third user interface, forgo transitioning to the third user interface.

17. A method, comprising:

at an electronic device with a touch-sensitive surface, and a display;

displaying a first user interface;

while displaying the first user interface, detecting a first input, wherein the first input is consistent with a request to display a second user interface and a request to display a third user interface;

in response to detecting the first input, starting to display a first animated transition from the first user interface to a second user interface;

while the first animated transition is being displayed, detecting a second input; and

in response to detecting the second input;

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a first time;

interrupting the first animated transition from the first user interface to the second user interface at a first point in the first animated transition, and

displaying a second animated transition from the first point in the first animated transition to the third user interface; and

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a second time that is after the first time;

interrupting the first animated transition from the first user interface to the second user interface at a second point in the first animated transition that is after the first point in the first animated transition, and

displaying a third animated transition from the second point in the first animated transition to the third user interface, wherein the third animated transition is different from the second animated transition.

19. The method of claim 17, including:

in response to detecting the second input;

in accordance with a determination that the second input meets first criteria, and that that the second input is received at a third time that is after the second time, continuing to display the first animated transition.

20. The method of claim 17, wherein the first time and the second time occur before a threshold time for detecting a double-click input that includes the first input.

21. The method of claim 19, wherein the third time occurs after the threshold time for detecting a double-click input that includes the first input.

22. The method of claim 17, wherein the second input is a repetition of the first input.

23. The method of claim 17, wherein the first animated transition from the first user interface to the second user interface includes movement of the first user interface in a first direction, and the second animated transition includes movement of the first user interface in a second direction that is distinct from the first direction.

24. The method of claim 17, including:

in response to detecting the second input;

in accordance with a determination that the second input is consistent with a request to display a fourth user interface, distinct from the first, second, and third user interfaces;

interrupting the first animated transition from the first user interface to the second user interface at a third point in the first animated transition, distinct from the first and second points in the first animated transition, and

displaying a fourth animated transition from the third point in the first animated transition to the fourth user interface, wherein the fourth animated transition is different from the first, second and third animated transitions.

25. The method of claim 24, wherein the first animated transition from the first user interface to the second user interface includes movement of the first user interface in a first direction, the fourth animated transition includes movement of the first user interface in a second direction that is opposite the first direction, and the third animated transition is in a third direction that is orthogonal to the first and second directions.

26. The method of claim 17, including:

in response to detecting the second input;

in accordance with a determination that the second input is consistent with a request to transition to a fifth user interface;

interrupting the first animated transition from the first user interface to the second user interface at a fourth point in the first animated transition, and

displaying a fifth animated transition from the fourth point in the first animated transition to the fifth user interface, wherein the fifth animated transition is different from the first, second and third animated transitions.

27. The method of claim 17, including:

while displaying the first user interface, prior to detecting the first input;

detecting a precursor input for the first input;

in response to detecting the precursor input, displaying a hint animation wherein the hint animation includes a start of the first animated transition from the first user interface to the second user interface.

28. The method of claim 17, wherein:

the first user interface is a user interface of a first application, and

the method includes generating the first animated transition in accordance with a location of a first application launch icon on the second user interface.

29. The method of claim 17, wherein:

detecting the first input includes detecting a first press input by a first contact on a home button, wherein the first press input includes an increase in a characteristic intensity of the first contact above a first intensity threshold followed by a decrease in the characteristic intensity of the first contact below a second intensity threshold.

30. The method of claim 29, including

generating a first tactile output in response to detecting the increase in the characteristic intensity of the first contact above the first intensity threshold.

31. The method of claim 29, including

generating a second tactile output in response to detecting the decrease in the characteristic intensity of the first contact below the second intensity threshold.

32. The method of claim 17, including, in response to detecting the second input:

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a fourth time that is after the second time;

continuing to display the first animated transition from the first user interface to the second user interface, and

displaying a fifth animated transition from an end of the first animated transition to the third user interface, wherein the fifth animated transition is different from the second animated transition and the third animated transition.

33. The method of claim 17, including, in response to detecting the second input:

in accordance with a determination that the second input is not consistent with the request to display the third user interface, forgoing transitioning to the third user interface.

18. An electronic device, comprising:

a display;

a 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 first user interface;

while displaying the first user interface, detecting a first input, wherein the first input is consistent with a request to display a second user interface and a request to display a third user interface;

in response to detecting the first input, starting to display a first animated transition from the first user interface to a second user interface;

while the first animated transition is being displayed, detecting a second input; and

in response to detecting the second input;

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a first time;

interrupting the first animated transition from the first user interface to the second user interface at a first point in the first animated transition, and

displaying a second animated transition from the first point in the first animated transition to the third user interface; and

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a second time that is after the first time;

interrupting the first animated transition from the first user interface to the second user interface at a second point in the first animated transition that is after the first point in the first animated transition, and

displaying a third animated transition from the second point in the first animated transition to the third user interface, wherein the third animated transition is different from the second animated transition.

34. The device of claim 18, including instructions for:

in response to detecting the second input;

in accordance with a determination that the second input meets first criteria, and that that the second input is received at a third time that is after the second time, continuing to display the first animated transition.

35. The device of claim 18, wherein the first time and the second time occur before a threshold time for detecting a double-click input that includes the first input.

36. The device of claim 34, wherein the third time occurs after the threshold time for detecting a double-click input that includes the first input.

37. The device of claim 18, wherein the second input is a repetition of the first input.

38. The device of claim 18, wherein the first animated transition from the first user interface to the second user interface includes movement of the first user interface in a first direction, and the second animated transition includes movement of the first user interface in a second direction that is distinct from the first direction.

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

in response to detecting the second input;

in accordance with a determination that the second input is consistent with a request to display a fourth user interface, distinct from the first, second, and third user interfaces;

interrupting the first animated transition from the first user interface to the second user interface at a third point in the first animated transition, distinct from the first and second points in the first animated transition, and

displaying a fourth animated transition from the third point in the first animated transition to the fourth user interface, wherein the fourth animated transition is different from the first, second and third animated transitions.

40. The device of claim 39, wherein the first animated transition from the first user interface to the second user interface includes movement of the first user interface in a first direction, the fourth animated transition includes movement of the first user interface in a second direction that is opposite the first direction, and the third animated transition is in a third direction that is orthogonal to the first and second directions.

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

in response to detecting the second input;

in accordance with a determination that the second input is consistent with a request to transition to a fifth user interface;

interrupting the first animated transition from the first user interface to the second user interface at a fourth point in the first animated transition, and

displaying a fifth animated transition from the fourth point in the first animated transition to the fifth user interface, wherein the fifth animated transition is different from the first, second and third animated transitions.

42. The device of claim 18, including instructions for:

while displaying the first user interface, prior to detecting the first input;

detecting a precursor input for the first input;

in response to detecting the precursor input, displaying a hint animation wherein the hint animation includes a start of the first animated transition from the first user interface to the second user interface.

43. The device of claim 18, wherein:

the first user interface is a user interface of a first application, and

the device includes instructions for generating the first animated transition in accordance with a location of a first application launch icon on the second user interface.

44. The device of claim 18, wherein:

detecting the first input includes detecting a first press input by a first contact on a home button, wherein the first press input includes an increase in a characteristic intensity of the first contact above a first intensity threshold followed by a decrease in the characteristic intensity of the first contact below a second intensity threshold.

45. The device of claim 44, including instructions for generating a first tactile output in response to detecting the increase in the characteristic intensity of the first contact above the first intensity threshold.

46. The device of claim 44, including instructions for

generating a second tactile output in response to detecting the decrease in the characteristic intensity of the first contact below the second intensity threshold.

47. The device of claim 18, including instructions for, in response to detecting the second input:

in accordance with a determination that the second input is consistent with the request to display the third user interface, and that the second input is received at a fourth time that is after the second time;

continuing to display the first animated transition from the first user interface to the second user interface, and

displaying a fifth animated transition from an end of the first animated transition to the third user interface, wherein the fifth animated transition is different from the second animated transition and the third animated transition.

48. The device of claim 18, including instructions for, in response to detecting the second input:

in accordance with a determination that the second input is not consistent with the request to display the third user interface, forgoing transitioning to the third user interface.