Device, Method, and Graphical User Interface for Transitioning Between Display States in Response to a Gesture

• US 20150062052A1
• Filed: 11/07/2014
• Published: 03/05/2015
• 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
• Granted Patent: US 9,619,076 B2
• Time in Patent Office: Days
• US Class Current: 345/173
• 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 a user interface in a first display state. The device detects a first portion of a gesture on a touch-sensitive surface, including detecting intensity of a respective contact of the gesture. In response to detecting the first portion of the gesture, the device displays an intermediate display state between the first display state and a second display state. In response to detecting the end of the gesture: if intensity of the respective contact had reached a predefined intensity threshold prior to the end of the gesture, the device displays the second display state; otherwise, the device redisplays the first display state. After displaying an animated transition between a first display state and a second state, the device, optionally, detects an increase of the contact intensity. In response, the device displays a continuation of the animation in accordance with the increasing intensity of the respective contact.

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

display a user interface on the display, wherein the user interface is in a first display state;

detect a first portion of a gesture on the touch-sensitive surface, including detecting intensity of a respective contact on the touch-sensitive surface;

in response to detecting the first portion of the gesture, display an intermediate display state between the first display state and a second display state;

detect an end of the gesture; and

in response to detecting the end of the gesture;

in accordance with a determination that the intensity of the respective contact reached a predefined intensity threshold prior to detecting the end of the gesture, display the second display state; and

in accordance with a determination that the intensity of the respective contact did not reach the predefined intensity threshold prior to detecting the end of the gesture, terminate display of the intermediate display state and redisplay the first display state.

2. The non-transitory computer readable storage medium of claim 1, wherein the intermediate display state is selected in accordance with the intensity of the respective contact.

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

in response to detecting the first portion of the gesture, display a plurality of intermediate display states between the first display state and a second display state, wherein a respective intermediate display state of the plurality of intermediate display states is selected to be displayed based on an intensity of the respective contact.

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

generate an animated transition between the first display state and the second display state, wherein the animated transition includes the intermediate display state and the intermediate display state is mapped to an intensity of the contact detected at an end of the first portion of the gesture; and

in response to detecting the first portion of the gesture, display a portion of the animated transition between the first display state and the intermediate display state.

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

detecting the first portion of the gesture includes detecting an increase in intensity of the respective contact from a first intensity threshold to an intermediate intensity threshold; and

the non-transitory computer readable storage medium includes instructions which cause the device to, after displaying the intermediate display state;

detect a second portion of the gesture, wherein the second portion of the gesture includes detecting an increase in intensity of the respective contact from the intermediate intensity threshold to the predefined intensity threshold; and

in response to detecting the second portion of the gesture, display an animated transition between the intermediate display state and the second display state.

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

while the intensity of the respective contact is at or below the predefined intensity threshold, display an animated transition from the first display state to the second display state, wherein the animated transition includes adjusting a parameter corresponding to a visual property of a set of one or more user interface objects in a predefined direction in accordance with the intensity of the respective contact; and

detect an increase in intensity of the respective contact above the predefined intensity threshold; and

in response to detecting the increase in intensity of the respective contact above the predefined intensity threshold, display a continuation of the animated transition that includes adjusting the parameter in the predefined direction in accordance with the intensity of the respective contact.

7. The non-transitory computer readable storage medium of claim 6, wherein the parameter is a parameter selected from the set consisting of:

user interface object size, user interface object opacity, space between user interface objects, and number of options displayed in a menu.

8. The non-transitory computer readable storage medium of claim 1, wherein detecting the end of the gesture includes detecting liftoff of the respective contact.

9. The non-transitory computer readable storage medium of claim 1, wherein detecting the end of the gesture includes detecting a reduction in intensity of the contact below an end-of-gesture intensity threshold.

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

detecting the end of the gesture includes detecting a reduction in intensity of the contact from above to below the predefined intensity threshold.

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

while detecting the gesture, detecting an increase in intensity of the respective contact to the predefined intensity threshold; and

in response to detecting the increase in intensity of the respective contact to the predefined intensity threshold, generate a tactile output that indicates that the second display state will continue to be displayed after an end of the gesture is detected.

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

displaying the user interface in the first display state includes displaying an icon that corresponds to a menu without displaying the menu;

displaying the user interface in the intermediate display state includes displaying a preview of the menu, wherein the preview of the menu is different from the menu; and

displaying the user interface in the second display state includes displaying the menu.

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

displaying the user interface in the first display state includes displaying an icon that corresponds to a pop-up window without displaying the pop-up window;

displaying the user interface in the intermediate display state includes displaying a preview of the pop-up window, wherein the preview of the pop-up window is different from the pop-up window; and

displaying the user interface in the second display state includes displaying the pop-up window.

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

displaying the user interface in the first display state includes displaying an icon that corresponds to a hidden text without displaying the hidden text;

displaying the user interface in the intermediate display state includes displaying a preview of the hidden text, wherein the preview of the hidden text is different from the hidden text; and

displaying the user interface in the second display state includes displaying the hidden text.

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

displaying the user interface in the first display state includes displaying an icon that corresponds to a plurality of user interface objects without displaying the plurality of user interface objects;

displaying the user interface in the intermediate display state includes displaying reduced-scale representations of the user interface objects, wherein the reduced-scale representations of the user interface objects are different from the user interface objects; and

displaying the user interface in the second display state includes displaying the user interface objects.

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

displaying the user interface in the first display state includes displaying an image prior to applying a graphical effect to the image;

displaying the user interface in the intermediate display state includes displaying a preview of partially applying the graphical effect to the image; and

displaying the user interface in the second display state includes displaying the image with the graphical effect applied.

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

displaying the user interface in the first display state includes displaying a representation of an album;

displaying the user interface in the intermediate display state includes displaying a preview of components of the album, wherein the preview of components of the album is different from the components of the album; and

displaying the user interface in the second display state includes displaying the components of the album.

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

displaying the user interface in the first display state includes displaying a plurality of user interface objects arranged on the display such that at least some objects overlap each other;

displaying the user interface in the intermediate display state includes displaying the user interface objects spread apart so that at least two of the plurality of user interface objects that formerly overlapped with each other do not overlap with each other while at least two the plurality of user interface objects overlap each other; and

displaying the user interface in the second display state includes displaying the plurality of user interface objects so that they do not overlap with each other.

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

displaying the user interface in the first display state includes displaying an image in a presentation without emphasis;

displaying the user interface in the intermediate display state includes displaying preliminary emphasis on a portion of the image; and

displaying the user interface in the second display state includes displaying the image with additional emphasis on the portion of the image.

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

displaying the user interface in the first display state includes displaying a current state of an electronic document;

displaying the user interface in the intermediate display state includes displaying a beginning portion of an undo operation; and

displaying the user interface in the second display state includes displaying a prior state of the document after the undo operation has been performed.

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

displaying the user interface in the first display state includes displaying a current state of an electronic document;

displaying the user interface in the intermediate display state includes displaying a first prior state of the electronic document after a first undo operation has been performed; and

displaying the user interface in the second display state includes displaying a second prior state of the electronic document after an second undo operation has been performed.

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

displaying the user interface in the first display state includes displaying one or more tabs in a tabbed document interface;

displaying the user interface in the intermediate display state includes displaying a preview of a new tab in the tabbed document interface; and

displaying the user interface in the second display state includes displaying the new tab in the tabbed document interface.

23. 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 user interface on the display, wherein the user interface is in a first display state;

detecting a first portion of a gesture on the touch-sensitive surface, including detecting intensity of a respective contact on the touch-sensitive surface;

in response to detecting the first portion of the gesture, displaying an intermediate display state between the first display state and a second display state;

detecting an end of the gesture; and

in response to detecting the end of the gesture;

in accordance with a determination that the intensity of the respective contact reached a predefined intensity threshold prior to detecting the end of the gesture, displaying the second display state; and

in accordance with a determination that the intensity of the respective contact did not reach the predefined intensity threshold prior to detecting the end of the gesture, terminating display of the intermediate display state and redisplaying the first display state.

24. 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 user interface on the display, wherein the user interface is in a first display state;

detecting a first portion of a gesture on the touch-sensitive surface, including detecting intensity of a respective contact on the touch-sensitive surface;

in response to detecting the first portion of the gesture, displaying an intermediate display state between the first display state and a second display state;

detecting an end of the gesture; and

in response to detecting the end of the gesture;

in accordance with a determination that the intensity of the respective contact reached a predefined intensity threshold prior to detecting the end of the gesture, displaying the second display state; and

in accordance with a determination that the intensity of the respective contact did not reach the predefined intensity threshold prior to detecting the end of the gesture, terminating display of the intermediate display state and redisplaying the first display state.