Device, method, and graphical user interface for transitioning between display states in response to a gesture

• US 10,592,041 B2
• Filed: 12/21/2018
• Issued: 03/17/2020
• Est. Priority Date: 05/09/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Bernstein, Jeffrey Traer, Missig, Julian, Cieplinski, Avi E., Brown, Matthew I., Khoe, May-Li, Zambetti, Nicholas, Costanzo, Bianca C., Hart, David J., Victor, B. Michael
• Primary Examiner(s): Sasinowski, Andrew
• Application Number:
  US16/230,743
• Publication Number:
  US 20190121493A1
• Time in Patent Office: 452 Days
• 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/0416 Control or interface arrangements specially adapted for digitisers
• 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/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

An electronic device displays selectable user interface elements, detects a touch input on a first user interface element, and in response to detecting a first portion of the touch input, which reaches a first intensity threshold, changes an appearance of the first selectable user interface element to indicate that the input has been detected. The device then detects a second portion of the touch input, including an increase in intensity of the touch input followed by a decrease in intensity, and in response to detecting the second portion of the touch input: displays or forgoes displaying a representation of content corresponding to the first user interface element, including a plurality of selectable controls for interacting with the content, depending on whether the intensity of the touch input increases above the second intensity threshold during the second portion of the touch input.

Claims

1. A method, comprising:

at an electronic device with a display, one or more input devices, and one or more intensity sensors for detecting intensities of inputs on the input devices;

displaying a plurality of selectable user interface elements;

detecting a touch input directed toward a first user interface element of the plurality of selectable user interface elements;

in response to detecting a first portion of the touch input in which the touch input reaches a first intensity threshold, changing an appearance of the first user interface element to indicate that the touch input directed toward the first user interface element has been detected;

after changing the appearance of the first user interface element, detecting a second portion of the touch input that includes detecting an increase in intensity of the touch input followed by a decrease in intensity of the touch input; and

in response to detecting the second portion of the touch input;

in accordance with a determination that the intensity of the touch input increases above a second intensity threshold that is higher than the first intensity threshold, displaying a representation of content that corresponds to the first user interface element that includes a plurality of selectable controls for interacting with the content; and

in accordance with a determination that the intensity of the touch input did not increase above the second intensity threshold during the second portion of the touch input, forgoing displaying the representation of content that corresponds to the first user interface element that includes the plurality of selectable controls for interacting with the content.

2. The method of claim 1, wherein the plurality of selectable controls is displayed before detecting liftoff of the touch input.

3. The method of claim 1, wherein the representation of content that corresponds to the first user interface element is closer than the first user interface element to a center of the display.

4. The method of claim 1, wherein the plurality of selectable user interface elements is scrollable in at least one direction.

5. The method of claim 1, wherein changing the appearance of the first user interface element includes displaying a preview of the representation of content that expands as the intensity of the touch input increases.

6. The method of claim 1, including ceasing to display user interface elements in the plurality of selectable user interface elements when the representation of content that corresponds to the first user interface element is displayed.

7. The method of claim 1, wherein the plurality of selectable user interface elements are representations of media.

8. The method of claim 1, including, after detecting liftoff of the touch input, maintaining display of the representation of content that corresponds to the first user interface element and the plurality of selectable controls for interacting with the content.

9. An electronic device, comprising:

a display;

one or more input devices;

one or more intensity sensors for detecting intensities of inputs on the input devices;

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

detecting a touch input directed toward a first user interface element of the plurality of selectable user interface elements;

in response to detecting a first portion of the touch input in which the touch input reaches a first intensity threshold, changing an appearance of the first user interface element to indicate that the touch input directed toward the first user interface element has been detected;

after changing the appearance of the first user interface element, detecting a second portion of the touch input that includes detecting an increase in intensity of the touch input followed by a decrease in intensity of the touch input; and

in response to detecting the second portion of the touch input;

in accordance with a determination that the intensity of the touch input increases above a second intensity threshold that is higher than the first intensity threshold, displaying a representation of content that corresponds to the first user interface element that includes a plurality of selectable controls for interacting with the content; and

in accordance with a determination that the intensity of the touch input did not increase above the second intensity threshold during the second portion of the touch input, forgoing displaying the representation of content that corresponds to the first user interface element that includes the plurality of selectable controls for interacting with the content.

10. The electronic device of claim 9, wherein the plurality of selectable controls is displayed before detecting liftoff of the touch input.

11. The electronic device of claim 9, wherein the representation of content that corresponds to the first user interface element is closer than the first user interface element to a center of the display.

12. The electronic device of claim 9, wherein the plurality of selectable user interface elements is scrollable in at least one direction.

13. The electronic device of claim 9, wherein changing the appearance of the first user interface element includes displaying a preview of the representation of content that expands as the intensity of the touch input increases.

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

ceasing to display user interface elements in the plurality of selectable user interface elements when the representation of content that corresponds to the first user interface element is displayed.

15. The electronic device of claim 9, wherein the plurality of selectable user interface elements are representations of media.

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

after detecting liftoff of the touch input, maintaining display of the representation of content that corresponds to the first user interface element and the plurality of selectable controls for interacting with the content.

17. A non-transitory computer readable storage medium comprising one or more programs, the one or more programs including instructions which, when executed by an electronic device with a display, one or more input devices, and one or more intensity sensors for detecting intensities of inputs on the input devices, cause the electronic device to perform operations including:

displaying a plurality of selectable user interface elements;

detecting a touch input directed toward a first user interface element of the plurality of selectable user interface elements;

in response to detecting a first portion of the touch input in which the touch input reaches a first intensity threshold, changing an appearance of the first user interface element to indicate that the touch input directed toward the first user interface element has been detected;

after changing the appearance of the first user interface element, detecting a second portion of the touch input that includes detecting an increase in intensity of the touch input followed by a decrease in intensity of the touch input; and

in response to detecting the second portion of the touch input;

in accordance with a determination that the intensity of the touch input increases above a second intensity threshold that is higher than the first intensity threshold, displaying a representation of content that corresponds to the first user interface element that includes a plurality of selectable controls for interacting with the content; and

in accordance with a determination that the intensity of the touch input did not increase above the second intensity threshold during the second portion of the touch input, forgoing displaying the representation of content that corresponds to the first user interface element that includes the plurality of selectable controls for interacting with the content.

18. The non-transitory computer readable storage medium of claim 17, wherein the plurality of selectable controls is displayed before detecting liftoff of the touch input.

19. The non-transitory computer readable storage medium of claim 17, the representation of content that corresponds to the first user interface element is closer than the first user interface element to a center of the display.

20. The non-transitory computer readable storage medium of claim 17, wherein the plurality of selectable user interface elements is scrollable in at least one direction.

21. The non-transitory computer readable storage medium of claim 17, wherein changing the appearance of the first user interface element includes displaying a preview of the representation of content that expands as the intensity of the touch input increases.

22. The non-transitory computer readable storage medium of claim 17, wherein the one or more programs include instructions which, when executed by the electronic device, cause the electronic device to perform operations including:

ceasing to display user interface elements in the plurality of selectable user interface elements when the representation of the content that corresponds to the first user interface element is displayed.

23. The non-transitory computer readable storage medium of claim 17, wherein the plurality of selectable user interface elements are representations of media.

24. The non-transitory computer readable storage medium of claim 17, wherein the one or more programs include instructions which, when executed by the electronic device, cause the electronic device to perform operations including:

after detecting liftoff of the touch input, maintaining display of the representation of content that corresponds to the first user interface element and the plurality of selectable controls for interacting with the content.