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

Patent metadata

Field	Value
Publication number	US-10168826-B2
Application number	US-201715482618-A
Country	US
Kind code	B2
Filing date	Apr 7, 2017
Priority date	May 9, 2012
Publication date	Jan 1, 2019
Grant date	Jan 1, 2019

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.

First claim

What is claimed is:

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 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 an increase in intensity of a respective contact on the touch-sensitive surface to a first intensity value;
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, including displaying a first intermediate display state followed by a second intermediate display state;
after displaying the second intermediate display state and while continuing to detect the respective contact on the touch-sensitive surface, detect a second portion of the gesture that includes detecting a decrease in intensity of the respective contact below the first intensity value; and
while detecting the second portion of the gesture:
in accordance with a determination that the intensity of the respective contact reached a predefined intensity threshold that is higher than the first intensity value during the second portion of the gesture, display the second display state, and maintain display of the second display state as the intensity of the respective contact decreases during the second portion of the gesture; and
in accordance with a determination that the intensity of the respective contact did not reach the predefined intensity threshold that is higher than the first intensity value during the second portion of the gesture, replace display of the second intermediate display state with display of the first intermediate display state as the intensity of the respective contact decreases during the second portion of the gesture; and

in response to detecting liftoff of the contact:
in accordance with a determination that the intensity of the respective contact reached the predefined intensity threshold that is higher than the first intensity value during the second portion of the gesture, maintain display of the second display state; and
in accordance with a determination that the intensity of the respective contact did not reach the predefined intensity threshold that is higher than the first intensity value during the second portion of the gesture, redisplay the first display state.

2. The storage medium of claim 1 , including instructions which, when executed by the electronic device, cause the electronic device to:
in response to detecting the first portion of the gesture, display the plurality of intermediate display states between the first display state and the 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.

3. The 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;
detecting 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
the storage medium includes instructions which, when executed by the electronic device, cause the electronic device to, after displaying an intermediate display state in the plurality of intermediate display states:
in response to detecting the second portion of the gesture, display an animated transition between the intermediate display state in the plurality of intermediate display states and the second display state.

4. The storage medium of claim 1 , including instructions which, when executed by the electronic device, cause the electronic 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;
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.

5. The storage medium of claim 4 , 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.

6. The storage medium of claim 1 , including instructions which, when executed by the electronic device, cause the electronic device to:
while detecting the gesture, detect 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.

7. The 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.

8. The 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.

9. The storage medium of claim 1 , wherein the second portion begins whilst the second intermediate display state is displayed.

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 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 an increase in intensity of a respective contact on the touch-sensitive surface to a first intensity value;
in response to detecting the first portion of the gesture, displaying a plurality of intermediate display states between the first display state and a second display state, including displaying a first intermediate display state followed b

Assignees

• 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

Classifications

• G06F3/04883 Primary

  for inputting data by handwriting, e.g. gesture or text · CPC title

• G06F3/04817

  using icons (graphical or visual programming using iconic symbols G06F8/34) · CPC title

• G06F3/0483

  Interaction with page-structured environments, e.g. book metaphor · CPC title

• G06F2203/04105

  Pressure sensors for measuring the pressure or force exerted on the touch surface without providing the touch position · CPC title

• G06F3/0482

  Interaction with lists of selectable items, e.g. menus · CPC title