Device, method, and graphical user interface for displaying additional information in response to a user contact

• US 9,612,741 B2
• Filed: 09/03/2015
• Issued: 04/04/2017
• Est. Priority Date: 05/09/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Brown, Matthew I., Bernstein, Jeffrey Traer, Missig, Julian, Cieplinski, Avi E., Khoe, May-Li, Zambetti, Nicholas, Costanzo, Bianca C., Haggerty, Myra, Hart, David J., Victor, B. Michael
• Primary Examiner(s): To, Jennifer
• Assistant Examiner(s): REPSHER III, JOHN T
• Application Number:
  US14/845,217
• Publication Number:
  US 20150378519A1
• Time in Patent Office: 579 Days
• Field of Search: 715808
• CPC Class Codes: G06F 2203/04805 Virtual magnifying lens, i.e. window or frame movable on top of displayed information to enlarge it for better reading or selection
• CPC Class Codes: G06F 3/0412 Digitisers structurally integrated in a display
• CPC Class Codes: G06F 3/0416 Control or interface arrangements specially adapted for digitisers
• 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/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• 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

Abstract

An electronic device, with a touch-sensitive surface and a display, includes one or more sensors to detect intensity of contacts with the touch-sensitive surface. The device detects a contact on the touch-sensitive surface while a focus selector corresponding to the contact is at a respective location on the display associated with additional information not initially displayed on the display. While the focus selector is at the respective location, upon determining that the contact has an intensity above a respective intensity threshold before a predefined delay time has elapsed with the focus selector at the respective location, the device displays the additional information associated with the respective location without waiting until the predefined delay time has elapsed; and upon determining that the contact has an intensity below the respective intensity threshold, the device waits until the predefined delay time has elapsed to display the additional information associated with the respective location.

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 touch-sensitive display, and one or more sensors to detect intensities of contacts with the touch-sensitive display, cause the device to:

display, on the touch-sensitive display, first content;

while a contact is detected at a first location on the touch-sensitive display that corresponds to a bounded area of the first content with a first size, detect a first portion of an input by the contact that includes an increase in intensity of the contact on the touch-sensitive display above a first intensity threshold;

in response to detecting the increase in intensity of the contact on the touch-sensitive display above the first intensity threshold;

display a portion of the first content in the bounded area with the first size at a reduced opacity, wherein the portion of the first content with the reduced opacity is overlaid on

corresponding content in the bounded area with the first size that corresponds to the first location of the contact;

while displaying the first content with the reduced opacity overlaid on the corresponding content within the bounded area with the first size, detect a second portion of the input that includes an increase in intensity of the contact on the touch-sensitive display to a second intensity threshold that is greater than the first intensity threshold;

in response to detecting the second portion of the input;

further reduce the opacity of the portion of the first content within the bounded area with the first size as the intensity of the contact increases to the second intensity threshold;

cease to display the portion of the first content within the bounded area with the first size when the intensity of the contact reaches the second intensity threshold; and

maintain display of the corresponding content in the bounded area with the first size;

while displaying the corresponding content in the bounded area with the first size, detect a third portion of the input by the contact that includes an increase in intensity of the contact on the touch-sensitive display from the second intensity threshold to an intensity greater than the second intensity threshold; and

in response to detecting the third portion of the input, increase the size of the bounded area displaying the corresponding content from the first size to a second size.

2. The non-transitory computer readable storage medium of claim 1, wherein the bounded area is a circular area in the first content.

3. The non-transitory computer readable storage medium of claim 1, the one or more programs comprise instructions, which when executed by the electronic device cause the electronic device to, while displaying the corresponding content that corresponds to the first location of the contact:

after detecting the second portion of the input and prior to detecting the third portion of the input, detect a decrease in intensity of the contact below a hysteresis intensity threshold that is lower than the second intensity threshold, without detecting liftoff of the contact from the touch-sensitive display; and

,

in response to detecting the decrease in intensity of the contact below the hysteresis intensity threshold, redisplay the portion of the first content that ceased to be displayed in the bounded area.

4. The non-transitory computer readable storage medium of claim 1, wherein the bounded area is displayed as a virtual loupe.

5. The non-transitory computer readable storage medium of claim 1, wherein display of portions of the first content outside of the respective region are maintained while the corresponding content that corresponds to the first location is displayed in the bounded area.

6. The non-transitory computer readable storage medium of claim 1, wherein boundaries of the bounded area are displayed while the portion of the first content is displayed within the bounded area before the intensity of the contact reaches the second intensity threshold at which the portion of the first content within the bounded area ceases to be displayed.

7. A method, comprising:

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

displaying, on the touch-sensitive display, first content;

while a contact is detected at a first location on the touch-sensitive display that corresponds to a bounded area of the first content with a first size, detecting a first portion of an input by the contact that includes an increase in intensity of the contact on the touch-sensitive display above a first intensity threshold;

in response to detecting the increase in intensity of the contact on the touch-sensitive display above the first intensity threshold;

displaying a portion of the first content in the bounded area with the first size at a reduced opacity, wherein the portion of the first content with the reduced opacity is overlaid on

corresponding content in the bounded area with the first size that corresponds to the first location of the contact;

while displaying the first content with the reduced opacity overlaid on the corresponding content within the bounded area with the first size, detecting a second portion of the input that includes an increase in intensity of the contact on the touch-sensitive display to a second intensity threshold that is greater than the first intensity threshold;

in response to detecting the second portion of the input;

further reducing the opacity of the portion of the first content within the bounded area with the first size as the intensity of the contact increases to the second intensity threshold;

ceasing to display the portion of the first content within the bounded area with the first size when the intensity of the contact reaches the second intensity threshold; and

maintaining display of the corresponding content in the bounded area with the first size;

while displaying the corresponding content in the bounded area with the first size, detecting a third portion of the input by the contact that includes an increase in intensity of the contact on the touch-sensitive display from the second intensity threshold to an intensity greater than the second intensity threshold; and

in response to detecting the third portion of the input, increasing the size of the bounded area displaying the corresponding content from the first size to a second size.

8. The method of claim 7, including, while displaying the corresponding content that corresponds to the first location of the contact:

after detecting the second portion of the input and prior to detecting the third portion of the input, detecting a decrease in intensity of the contact below a hysteresis intensity threshold that is lower than the second intensity threshold, without detecting liftoff of the contact from the touch-sensitive display; and

,

in response to detecting the decrease in intensity of the contact below the hysteresis intensity threshold, redisplaying the portion of the first content that ceased to be displayed in the bounded area.

9. The method of claim 7, wherein the bounded area is displayed as a virtual loupe.

10. The method of claim 7, wherein boundaries of the bounded area are displayed while the portion of the first content is displayed within the bounded area before the intensity of the contact reaches the second intensity threshold at which the portion of the first content within the bounded area ceases to be displayed.

15. The method of claim 7, wherein the bounded area is a circular area in the first content.

16. The method of claim 7, wherein display of portions of the first content outside of the respective region are maintained while the corresponding content that corresponds to the first location is displayed in the bounded area.

11. An electronic device, comprising:

a touch-sensitive display;

one or more sensors to detect intensities of contacts with the touch-sensitive display;

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, on the touch-sensitive display, first content;

while a contact is detected at a first location on the touch-sensitive display that corresponds to a bounded area of the first content with a first size, detecting a first portion of an input by the contact that includes an increase in intensity of the contact on the touch-sensitive display above a first intensity threshold;

in response to detecting the increase in intensity of the contact on the touch-sensitive display above the first intensity threshold;

displaying a portion of the first content in the bounded area with the first size at a reduced opacity, wherein the portion of the first content with the reduced opacity is overlaid on

corresponding content in the bounded area with the first size that corresponds to the first location of the contact;

while displaying the first content with the reduced opacity overlaid on the corresponding content within the bounded area with the first size, detecting a second portion of the input that includes an increase in intensity of the contact on the touch-sensitive display to a second intensity threshold that is greater than the first intensity threshold;

in response to detecting the second portion of the input;

further reducing the opacity of the portion of the first content within the bounded area with the first size as the intensity of the contact increases to the second intensity threshold;

ceasing to display the portion of the first content within the bounded area with the first size when the intensity of the contact reaches the second intensity threshold; and

maintaining display of the corresponding content in the bounded area with the first size;

while displaying the corresponding content in the bounded area with the first size, detecting a third portion of the input by the contact that includes an increase in intensity of the contact on the touch-sensitive display from the second intensity threshold to an intensity greater than the second intensity threshold; and

in response to detecting the third portion of the input, increasing the size of the bounded area displaying the corresponding content from the first size to a second size.

12. The device of claim 11, wherein the one or more programs includes instructions for, while displaying the corresponding content that corresponds to the first location of the contact:

after detecting the second portion of the input and prior to detecting the third portion of the input, detecting a decrease in intensity of the contact below a hysteresis intensity threshold that is lower than the second intensity threshold, without detecting liftoff of the contact from the touch-sensitive display; and

,

in response to detecting the decrease in intensity of the contact below the hysteresis intensity threshold, redisplaying the portion of the first content that ceased to be displayed in the bounded area.

13. The device of claim 11, wherein the bounded area is displayed as a virtual loupe.

14. The device of claim 11, wherein boundaries of the bounded area are displayed while the portion of the first content is displayed within the bounded area before the intensity of the contact reaches the second intensity threshold at which the portion of the first content within the bounded area ceases to be displayed.

17. The device of claim 11, wherein the bounded area is a circular area in the first content.

18. The device of claim 11, wherein display of portions of the first content outside of the respective region are maintained while the corresponding content that corresponds to the first location is displayed in the bounded area.