Device, method, and graphical user interface for moving a cursor according to a change in an appearance of a control icon with simulated three-dimensional characteristics

• US 10,620,781 B2
• Filed: 01/29/2015
• Issued: 04/14/2020
• Est. Priority Date: 12/29/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Bernstein, Jeffrey Traer, Cieplinski, Avi E., Khoe, May-Li, Hart, David J.
• Primary Examiner(s): To, Jennifer N
• Assistant Examiner(s): Burwell, Joseph R.
• Application Number:
  US14/608,965
• Publication Number:
  US 20150149964A1
• Time in Patent Office: 1,902 Days
• Field of Search: None
• 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/04812 Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures

Abstract

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 displays a respective control icon with simulated three-dimensional characteristics and a cursor over the respective control icon. The device detects, on the touch-sensitive surface, a stationary press input that includes an increase in intensity of a contact that corresponds to the cursor. In response to detecting the stationary press input, the device changes an appearance of the respective control icon in accordance with the simulated three-dimensional characteristics of the control icon and moves the cursor laterally on the display in accordance with the change in appearance of the respective control icon.

Claims

1. 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 electronic device to:

display a respective control icon with simulated three-dimensional characteristics;

display a cursor over the respective control icon;

detect, on the touch-sensitive surface, a stationary press input that includes an increase in intensity of a contact that corresponds to the cursor; and

in response to detecting the stationary press input;

change an appearance of the simulated three-dimensional characteristics of the respective control icon; and

move the cursor laterally on the display in accordance with the change in appearance of the simulated three-dimensional characteristics of the respective control icon wherein the amount of lateral movement of the cursor on the display is determined based on an amount of change in appearance of the simulated three-dimensional characteristics of the respective control icon on the display.

2. The non-transitory computer readable storage medium of claim 1, wherein the respective control icon moves laterally on the display to simulate downward motion of a button when viewed at an angle.

3. The non-transitory computer readable storage medium of claim 1, wherein:

the cursor is stationary relative to the respective control icon; and

the cursor moves laterally relative to a background.

4. The non-transitory computer readable storage medium of claim 1, including instructions which cause the electronic device to, in response to detecting the stationary press input, reduce a size of the cursor in accordance with the increase in intensity of the contact.

5. The non-transitory computer readable storage medium of claim 1, including instructions which cause the electronic device to, after detecting the increase in intensity of the contact that corresponds to the cursor:

detect, on the touch-sensitive surface, a decrease in intensity of the contact that corresponds to the cursor; and

in response to detecting the decrease in intensity of the contact, increase a size of the cursor in accordance with the decrease in intensity of the contact.

6. The non-transitory computer readable storage medium of claim 1, including instructions which cause the electronic device to, after detecting the increase in intensity of the contact that corresponds to the cursor:

detect, on the touch-sensitive surface, a decrease in intensity of the contact that corresponds to the cursor;

in response to detecting the decrease in intensity of the contact;

change the appearance of the simulated three-dimensional characteristics of the respective control icon; and

move the cursor laterally on the display in accordance with the change in appearance of the simulated three-dimensional characteristics of the respective control icon in a direction that is substantially opposite to a direction in which the cursor was moved in response to detecting the increase in intensity of the contact that corresponds to the cursor.

7. The non-transitory computer readable storage medium of claim 1, including instructions which cause the electronic device to, prior to detecting the stationary press input:

detect movement of the contact on the touch-sensitive surface; and

in response to detecting movement of the contact on the touch-sensitive surface, move the cursor in accordance with the movement of the contact.

8. The non-transitory computer readable storage medium of claim 1, including instructions which cause the electronic device to:

display a plurality of control icons with different simulated three-dimensional characteristics;

in accordance with a determination that the respective control icon is a first control icon with a first simulated three-dimensional characteristic, perform a first movement of the cursor in response to detecting the stationary press input; and

in accordance with a determination that the respective control icon is a second control icon with a second simulated three-dimensional characteristic, different from the first simulated three-dimensional characteristic, perform a second movement of the cursor, different from the first movement of the cursor, in response to detecting the stationary press input.

9. The non-transitory computer readable storage medium of claim 1, wherein the amount of change in appearance of the simulated three-dimensional characteristics of the respective control icon is determined based on the intensity of the contact on the touch-sensitive surface.

10. 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 respective control icon with simulated three-dimensional characteristics;

displaying a cursor over the respective control icon;

detecting, on the touch-sensitive surface, a stationary press input that includes an increase in intensity of a contact that corresponds to the cursor; and

in response to detecting the stationary press input;

changing an appearance of the simulated three-dimensional characteristics of the respective control icon; and

moving the cursor laterally on the display in accordance with the change in appearance of the simulated three-dimensional characteristics of the respective control icon wherein the amount of lateral movement of the cursor on the display is determined based on an amount of change in appearance of the simulated three-dimensional characteristics of the respective control icon on the display.

11. The electronic device of claim 10, wherein the respective control icon moves laterally on the display to simulate downward motion of a button when viewed at an angle.

12. The electronic device of claim 10, wherein:

the cursor is stationary relative to the respective control icon; and

the cursor moves laterally relative to a background.

13. The electronic device of claim 10, including instructions for, in response to detecting the stationary press input, reduce a size of the cursor in accordance with the increase in intensity of the contact.

14. The electronic device of claim 10, including instructions for, after detecting the increase in intensity of the contact that corresponds to the cursor:

detecting, on the touch-sensitive surface, a decrease in intensity of the contact that corresponds to the cursor; and

in response to detecting the decrease in intensity of the contact, increasing a size of the cursor in accordance with the decrease in intensity of the contact.

15. The electronic device of claim 10, including instructions for, after detecting the increase in intensity of the contact that corresponds to the cursor:

detecting, on the touch-sensitive surface, a decrease in intensity of the contact that corresponds to the cursor;

in response to detecting the decrease in intensity of the contact;

changing the appearance of the simulated three-dimensional characteristics of the respective control icon; and

moving the cursor laterally on the display in accordance with the change in appearance of the simulated three-dimensional characteristics of the respective control icon in a direction that is substantially opposite to a direction in which the cursor was moved in response to detecting the increase in intensity of the contact that corresponds to the cursor.

16. The electronic device of claim 10, including instructions for, prior to detecting the stationary press input:

detecting movement of the contact on the touch-sensitive surface; and

in response to detecting movement of the contact on the touch-sensitive surface, moving the cursor in accordance with the movement of the contact.

17. The electronic device of claim 10, including instructions for:

displaying a plurality of control icons with different simulated three-dimensional characteristics;

in accordance with a determination that the respective control icon is a first control icon with a first simulated three-dimensional characteristic, performing a first movement of the cursor in response to detecting the stationary press input; and

in accordance with a determination that the respective control icon is a second control icon with a second simulated three-dimensional characteristic, different from the first simulated three-dimensional characteristic, performing a second movement of the cursor, different from the first movement of the cursor, in response to detecting the stationary press input.

18. The electronic device of claim 10, wherein the amount of change in appearance of the simulated three-dimensional characteristics of the respective control icon is determined based on the intensity of the contact on the touch-sensitive surface.

19. A method, comprising:

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

displaying a respective control icon with simulated three-dimensional characteristics;

displaying a cursor over the respective control icon;

detecting, on the touch-sensitive surface, a stationary press input that includes an increase in intensity of a contact that corresponds to the cursor; and

in response to detecting the stationary press input;

changing an appearance of the simulated three-dimensional characteristics of the respective control icon; and

moving the cursor laterally on the display in accordance with the change in appearance of the simulated three-dimensional characteristics of the respective control icon wherein the amount of lateral movement of the cursor on the display is determined based on an amount of change in appearance of the simulated three-dimensional characteristics of the respective control icon on the display.

20. The method of claim 19, wherein the respective control icon moves laterally on the display to simulate downward motion of a button when viewed at an angle.

21. The method of claim 19, wherein:

the cursor is stationary relative to the respective control icon; and

the cursor moves laterally relative to a background.

22. The method of claim 19, including, in response to detecting the stationary press input, reduce a size of the cursor in accordance with the increase in intensity of the contact.

23. The method of claim 19, including, after detecting the increase in intensity of the contact that corresponds to the cursor:

detecting, on the touch-sensitive surface, a decrease in intensity of the contact that corresponds to the cursor; and

in response to detecting the decrease in intensity of the contact, increasing a size of the cursor in accordance with the decrease in intensity of the contact.

24. The method of claim 19, including, after detecting the increase in intensity of the contact that corresponds to the cursor:

detecting, on the touch-sensitive surface, a decrease in intensity of the contact that corresponds to the cursor;

in response to detecting the decrease in intensity of the contact;

changing the appearance of the simulated three-dimensional characteristics of the respective control icon; and

moving the cursor laterally on the display in accordance with the change in appearance of the simulated three-dimensional characteristics of the respective control icon in a direction that is substantially opposite to a direction in which the cursor was moved in response to detecting the increase in intensity of the contact that corresponds to the cursor.

25. The method of claim 19, including, prior to detecting the stationary press input:

detecting movement of the contact on the touch-sensitive surface; and

in response to detecting movement of the contact on the touch-sensitive surface, moving the cursor in accordance with the movement of the contact.

26. The method of claim 19, including:

displaying a plurality of control icons with different simulated three-dimensional characteristics;

in accordance with a determination that the respective control icon is a first control icon with a first simulated three-dimensional characteristic, performing a first movement of the cursor in response to detecting the stationary press input; and

in accordance with a determination that the respective control icon is a second control icon with a second simulated three-dimensional characteristic, different from the first simulated three-dimensional characteristic, performing a second movement of the cursor, different from the first movement of the cursor, in response to detecting the stationary press input.

27. The method of claim 19, wherein the amount of change in appearance of the simulated three-dimensional characteristics of the respective control icon is determined based on the intensity of the contact on the touch-sensitive surface.