Device, method, and graphical user interface for scrolling nested regions

• US 10,126,930 B2
• Filed: 11/07/2014
• Issued: 11/13/2018
• Est. Priority Date: 05/09/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Zambetti, Nicholas, Missig, Julian
• Primary Examiner(s): Pillai, Namitha
• Application Number:
  US14/536,367
• Publication Number:
  US 20150067605A1
• Time in Patent Office: 1,467 Days
• CPC Class Codes: G06F 3/0412 Digitisers structurally integrated in a display
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• 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

A method is performed at an electronic device with a display, touch-sensitive surface and one or more sensors to detect intensity of contacts with the touch-sensitive surface. The method includes displaying a user interface with a first region and a second region embedded in the first, the second region also being independently scrollable such that its content can be moved without moving other content in the first region. In response to detecting a contact and movement of the contact when a focus selection is over the second region, and when the contact has a maximum intensity that is above a respective intensity threshold, content in the second region is translated on the display without other content translating the first region. When the contact has a maximum intensity that is below a respective intensity threshold, content in the first region is translated on the display.

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 user interface, wherein;

the user interface includes a first region and a second region;

the second region is embedded in the first region so that when content in the first region is moved, the second region moves together with the content in the first region; and

content in the second region is scrollable independently of other content in the first region;

detect, on the touch-sensitive surface, a contact that corresponds to a focus selector on the display at a location within the second region;

detect first movement of the contact across the touch-sensitive surface that corresponds to movement of the focus selector that starts while the focus selector is within the second region; and

in response to detecting the first movement of the contact that corresponds to movement of the focus selector that starts while the focus selector is within the second region;

in accordance with a determination that the contact has a maximum intensity that is below a respective intensity threshold, translate content in the first region on the display; and

in accordance with a determination that the contact has a maximum intensity that is above the respective intensity threshold, translate content in the second region on the display without translating other content in the first region on the display.

2. The non-transitory computer readable storage medium of claim 1, including instructions which cause the device to, prior to detecting the first movement of the contact across the touch-sensitive surface:

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

in response to detecting the increase in intensity of the contact above the respective intensity threshold, modify the display of the first region or the second region to indicate that movement of the contact on the touch-sensitive surface will cause content in the second region to be translated on the display without translating other content in the first region on the display.

3. The non-transitory computer readable storage medium of claim 1, including instructions which cause the device to, in response to detecting movement of a second contact when the focus selector is at a location on the display within the first region that does not include the second region, translate, on the display, all content in the first region, including content not in the second region, without regard to whether the second contact is above or below the respective intensity threshold.

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

translating content in the first region on the display includes translating content in the first region in two dimensions; and

translating content in the second region on the display includes translating content in the second region in one dimension.

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

translating content in the first region on the display includes translating content in the first region in one dimension; and

translating content in the second region on the display includes translating content in the second region in two dimensions.

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

content in the first region includes a displayed webpage; and

content in the second region includes a map embedded in the webpage.

7. The non-transitory computer readable storage medium of claim 1, including instructions which cause the device to, after translating content in the second region on the display in accordance with the first movement of the contact without translating other content in the first region on the display:

detect a decrease in intensity of the contact below the respective intensity threshold;

after detecting the decrease in intensity of the contact, detect second movement of the contact on the touch-sensitive surface; and

in response to detecting the second movement of the contact, continue to translate the content in second region on the display without translating other content in the first region on the display.

8. The non-transitory computer readable storage medium of claim 1, including instructions which cause the device to, after translating content in the second region on the display in accordance with the first movement of the contact without translating other content in the first region on the display:

detect a decrease in intensity of the contact below the respective intensity threshold;

after detecting the decrease in intensity of the contact, detect second movement of the contact on the touch-sensitive surface; and

in response to detecting the second movement of the contact, translate content in the first region on the display in conjunction with translating the second region on the display.

9. 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, wherein;

the user interface includes a first region and a second region;

the second region is embedded in the first region so that when content in the first region is moved, the second region moves together with the content in the first region; and

content in the second region is scrollable independently of other content in the first region;

detecting, on the touch-sensitive surface, a contact that corresponds to a focus selector on the display at a location within the second region;

detecting first movement of the contact across the touch-sensitive surface that corresponds to movement of the focus selector that starts while the focus selector is within the second region; and

in response to detecting the first movement of the contact that corresponds to movement of the focus selector that starts while the focus selector is within the second region;

in accordance with a determination that the contact has a maximum intensity that is below a respective intensity threshold, translating content in the first region on the display; and

in accordance with a determination that the contact has a maximum intensity that is above the respective intensity threshold, translating content in the second region on the display without translating other content in the first region on the display.

10. The device of claim 9, including instructions for, prior to detecting the first movement of the contact across the touch-sensitive surface:

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

in response to detecting the increase in intensity of the contact above the respective intensity threshold, modifying the display of the first region or the second region to indicate that movement of the contact on the touch-sensitive surface will cause content in the second region to be translated on the display without translating other content in the first region on the display.

11. The device of claim 9, including instructions for, in response to detecting movement of a second contact when the focus selector is at a location on the display within the first region that does not include the second region, translating, on the display, all content in the first region, including content not in the second region, without regard to whether the second contact is above or below the respective intensity threshold.

12. The device of claim 9, wherein:

translating content in the first region on the display includes translating content in the first region in two dimensions; and

translating content in the second region on the display includes translating content in the second region in one dimension.

13. The device of claim 9, wherein:

translating content in the first region on the display includes translating content in the first region in one dimension; and

translating content in the second region on the display includes translating content in the second region in two dimensions.

14. The device of claim 9, wherein:

content in the first region includes a displayed webpage; and

content in the second region includes a map embedded in the webpage.

15. The device of claim 9, including instructions for, after translating content in the second region on the display in accordance with the first movement of the contact without translating other content in the first region on the display:

detecting a decrease in intensity of the contact below the respective intensity threshold;

after detecting the decrease in intensity of the contact, detecting second movement of the contact on the touch-sensitive surface; and

in response to detecting the second movement of the contact, continuing to translate the content in second region on the display without translating other content in the first region on the display.

16. The device of claim 9, including instructions for, after translating content in the second region on the display in accordance with the first movement of the contact without translating other content in the first region on the display:

detecting a decrease in intensity of the contact below the respective intensity threshold;

after detecting the decrease in intensity of the contact, detecting second movement of the contact on the touch-sensitive surface; and

in response to detecting the second movement of the contact, translating content in the first region on the display in conjunction with translating the second region on the display.

17. 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 intensities of contacts with the touch-sensitive surface;

displaying a user interface, wherein;

the user interface includes a first region and a second region;

the second region is embedded in the first region so that when content in the first region is moved, the second region moves together with the content in the first region; and

content in the second region is scrollable independently of other content in the first region;

detecting, on the touch-sensitive surface, a contact that corresponds to a focus selector on the display at a location within the second region;

detecting first movement of the contact across the touch-sensitive surface that corresponds to movement of the focus selector that starts while the focus selector is within the second region; and

in response to detecting the first movement of the contact that corresponds to movement of the focus selector that starts while the focus selector is within the second region;

in accordance with a determination that the contact has a maximum intensity that is below a respective intensity threshold, translating content in the first region on the display; and

in accordance with a determination that the contact has a maximum intensity that is above the respective intensity threshold, translating content in the second region on the display without translating other content in the first region on the display.

18. The method of claim 17, including, prior to detecting the first movement of the contact across the touch-sensitive surface:

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

in response to detecting the increase in intensity of the contact above the respective intensity threshold, modifying the display of the first region or the second region to indicate that movement of the contact on the touch-sensitive surface will cause content in the second region to be translated on the display without translating other content in the first region on the display.

19. The method of claim 17, including, in response to detecting movement of a second contact when the focus selector is at a location on the display within the first region that does not include the second region, translating, on the display, all content in the first region, including content not in the second region, without regard to whether the second contact is above or below the respective intensity threshold.

20. The method of claim 17, wherein:

translating content in the first region on the display includes translating content in the first region in two dimensions; and

translating content in the second region on the display includes translating content in the second region in one dimension.

21. The method of claim 17, wherein:

translating content in the first region on the display includes translating content in the first region in one dimension; and

translating content in the second region on the display includes translating content in the second region in two dimensions.

22. The method of claim 17, wherein:

content in the first region includes a displayed webpage; and

content in the second region includes a map embedded in the webpage.

23. The method of claim 17, including, after translating content in the second region on the display in accordance with the first movement of the contact without translating other content in the first region on the display:

detecting a decrease in intensity of the contact below the respective intensity threshold;

after detecting the decrease in intensity of the contact, detecting second movement of the contact on the touch-sensitive surface; and

in response to detecting the second movement of the contact, continuing to translate the content in second region on the display without translating other content in the first region on the display.

24. The method of claim 17, including, after translating content in the second region on the display in accordance with the first movement of the contact without translating other content in the first region on the display:

detecting a decrease in intensity of the contact below the respective intensity threshold;

after detecting the decrease in intensity of the contact, detecting second movement of the contact on the touch-sensitive surface; and

in response to detecting the second movement of the contact, translating content in the first region on the display in conjunction with translating the second region on the display.