Devices, methods, and graphical user interfaces for content navigation and manipulation

• US 10,884,608 B2
• Filed: 03/14/2019
• Issued: 01/05/2021
• Est. Priority Date: 08/10/2015
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Karunamuni, Chanaka G., Alonso Ruiz, Marcos, King, Nicholas V., Preston, Daniel T.
• Primary Examiner(s): Kujundzic, Dino
• Application Number:
  US16/354,035
• Publication Number:
  US 20190212896A1
• Time in Patent Office: 663 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/0414 using force sensing means to determine a position
• 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/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04855 Interaction with scrollbars
• 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 displays content of a first content item, wherein the first content item is one of a sequence of content items. The device detects a user input that includes movement of a contact in a respective direction on the touch-sensitive surface. In response to detecting the user input: in accordance with a determination that the user input meets item-switching criteria, the device replaces display of the first content item with display of a second content item in the sequence of content items, wherein the item-switching criteria include a criterion that is met when a characteristic intensity of the contact is above a first intensity threshold; and, in accordance with a determination that the user input does not meet the item-switching criteria, the device navigates through the content of the first content item in accordance with the movement of the 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 intensities of contacts with the touch-sensitive surface, cause the electronic device to:

display, on the display, content of a first content item, wherein the first content item is one of a sequence of content items;

detect a user input that includes movement of a contact in a respective direction on the touch-sensitive surface; and

in response to detecting the user input;

in accordance with a determination that the user input meets item-switching criteria, replace display of the first content item with display of a second content item in the sequence of content items, wherein the item-switching criteria include a criterion that is met when a characteristic intensity of the contact is above a first intensity threshold; and

,

in accordance with a determination that the user input does not meet the item-switching criteria, navigate through the content of the first content item in accordance with the movement of the contact.

2. The non-transitory computer readable storage medium of claim 1, wherein the item-switching criteria include a criterion that is met when the characteristic intensity of the contact exceeds the first intensity threshold after detecting at least a predetermined threshold amount of movement of the contact.

3. The non-transitory computer readable storage medium of claim 1, wherein the user input is a first user input, and the one or more programs include instructions, which when executed by the electronic device, cause the electronic device to:

while displaying the first content item, detect a second user input at a location that corresponds to a selectable affordance, wherein the second user input includes a second contact on the touch-sensitive surface; and

in response to detecting the second user input;

in accordance with a determination that

the second user input occurs while a focus selector is at a location that corresponds to the selectable affordance, and

the movement of the second contact is less than a predetermined amount,

display a preview area of content that corresponds to the selectable affordance overlaid on the first content item.

4. The non-transitory computer readable storage medium of claim 1, wherein the second content item is sequentially adjacent to the first content item in the sequence of content items and is selected based on the respective direction of the movement of the contact.

5. The non-transitory computer readable storage medium of claim 1, wherein navigating through the content of the first content item includes:

in accordance with a determination that the respective direction is a first direction on the touch-sensitive surface, scrolling the content in a first direction on the display; and

in accordance with a determination that the respective direction is a second direction on the touch-sensitive surface, scrolling the content in a second direction on the display that is different from the first direction on the display.

6. The non-transitory computer readable storage medium of claim 1, wherein navigating through the content of the first content item in accordance with the movement of the contact includes:

maintaining display of a first portion of the first content item in a first user interface region on the display; and

navigating through a second portion of the first content item in a second user interface region on the display.

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

replacing display of the first content item with the second content item includes displaying a transition between the first content item and the second content item; and

the transition includes reducing a size of the first content item.

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

replacing display of the first content item with the second content item includes displaying a transition between the first content item and the second content item; and

the transition includes increasing a size of the second content item.

9. The non-transitory computer readable storage medium of claim 1, wherein the sequence of content items corresponds to a plurality of electronic messages in an electronic messaging application, a plurality of web browser windows in a web browser, a plurality of applications, a plurality of digital images in a set of images, or a plurality of sets of digital images.

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

in accordance with a determination that the user input begins at a first edge of the touch-sensitive surface, perform an operation that is distinct from both replacing display of the first content item with the second content item and navigating through the content of the first content item.

11. The non-transitory computer readable storage medium of claim 1, wherein the user input is a first user input, and the one or more programs include instructions, which when executed by the electronic device, cause the electronic device to:

after replacing display of the first content item with the second content item in the sequence of content items, detect a second user input that includes movement of a second contact on the touch-sensitive surface; and

in response to detecting the second user input;

in accordance with a determination that the second user input meets the item-switching criteria, replace display of the second content item with a third content item in the sequence of content items; and

in accordance with a determination that the second user input does not meet the item-switching criteria, navigate through content of the second content item in accordance with the movement of the second contact.

12. 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, on the display, content of a first content item, wherein the first content item is one of a sequence of content items;

detecting a user input that includes movement of a contact in a respective direction on the touch-sensitive surface; and

in response to detecting the user input;

in accordance with a determination that the user input meets item-switching criteria, replacing display of the first content item with display of a second content item in the sequence of content items, wherein the item-switching criteria include a criterion that is met when a characteristic intensity of the contact is above a first intensity threshold; and

,

in accordance with a determination that the user input does not meet the item-switching criteria, navigating through the content of the first content item in accordance with the movement of the contact.

13. The electronic device of claim 12, wherein the item-switching criteria include a criterion that is met when the characteristic intensity of the contact exceeds the first intensity threshold after detecting at least a predetermined threshold amount of movement of the contact.

14. The electronic device of claim 12, wherein the user input is a first user input, and the one or more programs include instructions for:

while displaying the first content item, detecting a second user input at a location that corresponds to a selectable affordance, wherein the second user input includes a second contact on the touch-sensitive surface; and

in response to detecting the second user input;

in accordance with a determination that

the second user input occurs while a focus selector is at a location that corresponds to the selectable affordance, and

the movement of the second contact is less than a predetermined amount,

displaying a preview area of content that corresponds to the selectable affordance overlaid on the first content item.

15. The electronic device of claim 12, wherein the second content item is sequentially adjacent to the first content item in the sequence of content items and is selected based on the respective direction of the movement of the contact.

16. The electronic device of claim 12, wherein navigating through the content of the first content item includes:

in accordance with a determination that the respective direction is a first direction on the touch-sensitive surface, scrolling the content in a first direction on the display; and

in accordance with a determination that the respective direction is a second direction on the touch-sensitive surface, scrolling the content in a second direction on the display that is different from the first direction on the display.

17. The electronic device of claim 12, wherein navigating through the content of the first content item in accordance with the movement of the contact includes:

maintaining display of a first portion of the first content item in a first user interface region on the display; and

navigating through a second portion of the first content item in a second user interface region on the display.

18. The electronic device of claim 12, wherein:

replacing display of the first content item with the second content item includes displaying a transition between the first content item and the second content item; and

the transition includes reducing a size of the first content item.

19. The electronic device of claim 12, wherein:

replacing display of the first content item with the second content item includes displaying a transition between the first content item and the second content item; and

the transition includes increasing a size of the second content item.

20. The electronic device of claim 12, wherein the sequence of content items corresponds to a plurality of electronic messages in an electronic messaging application, a plurality of web browser windows in a web browser, a plurality of applications, a plurality of digital images in a set of images, or a plurality of sets of digital images.

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

in accordance with a determination that the user input begins at a first edge of the touch-sensitive surface, performing an operation that is distinct from both replacing display of the first content item with the second content item and navigating through the content of the first content item.

22. The electronic device of claim 12, wherein the user input is a first user input, and the one or more programs include instructions for:

after replacing display of the first content item with the second content item in the sequence of content items, detecting a second user input that includes movement of a second contact on the touch-sensitive surface; and

in response to detecting the second user input;

in accordance with a determination that the second user input meets the item-switching criteria, replacing display of the second content item with a third content item in the sequence of content items; and

in accordance with a determination that the second user input does not meet the item-switching criteria, navigating through content of the second content item in accordance with the movement of the second contact.

23. A method, comprising:

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

displaying, on the display, content of a first content item, wherein the first content item is one of a sequence of content items;

detecting a user input that includes movement of a contact in a respective direction on the touch-sensitive surface; and

in response to detecting the user input;

in accordance with a determination that the user input meets item-switching criteria, replacing display of the first content item with display of a second content item in the sequence of content items, wherein the item-switching criteria include a criterion that is met when a characteristic intensity of the contact is above a first intensity threshold; and

,

in accordance with a determination that the user input does not meet the item-switching criteria, navigating through the content of the first content item in accordance with the movement of the contact.

24. The method of claim 23, wherein the item-switching criteria include a criterion that is met when the characteristic intensity of the contact exceeds the first intensity threshold after detecting at least a predetermined threshold amount of movement of the contact.

25. The method of claim 23, wherein the user input is a first user input, and the method includes:

while displaying the first content item, detecting a second user input at a location that corresponds to a selectable affordance, wherein the second user input includes a second contact on the touch-sensitive surface; and

in response to detecting the second user input;

in accordance with a determination that

the second user input occurs while a focus selector is at a location that corresponds to the selectable affordance, and

the movement of the second contact is less than a predetermined amount,

displaying a preview area of content that corresponds to the selectable affordance overlaid on the first content item.

26. The method of claim 23, wherein the second content item is sequentially adjacent to the first content item in the sequence of content items and is selected based on the respective direction of the movement of the contact.

27. The method of claim 23, including:

in accordance with a determination that the respective direction is a first direction on the touch-sensitive surface, scrolling the content in a first direction on the display; and

in accordance with a determination that the respective direction is a second direction on the touch-sensitive surface, scrolling the content in a second direction on the display that is different from the first direction on the display.

28. The method of claim 23, wherein navigating through the content of the first content item in accordance with the movement of the contact includes:

maintaining display of a first portion of the first content item in a first user interface region on the display; and

navigating through a second portion of the first content item in a second user interface region on the display.

29. The method of claim 23, wherein:

replacing display of the first content item with the second content item includes displaying a transition between the first content item and the second content item; and

the transition includes reducing a size of the first content item.

30. The method of claim 23, wherein:

replacing display of the first content item with the second content item includes displaying a transition between the first content item and the second content item; and

the transition includes increasing a size of the second content item.

31. The method of claim 23, wherein the sequence of content items corresponds to a plurality of electronic messages in an electronic messaging application, a plurality of web browser windows in a web browser, a plurality of applications, a plurality of digital images in a set of images, or a plurality of sets of digital images.

32. The method of claim 23, including:

in accordance with a determination that the user input begins at a first edge of the touch-sensitive surface, performing an operation that is distinct from both replacing display of the first content item with the second content item and navigating through the content of the first content item.

33. The method of claim 23, wherein the user input is a first user input, and the method includes:

after replacing display of the first content item with the second content item in the sequence of content items, detecting a second user input that includes movement of a second contact on the touch-sensitive surface; and

in response to detecting the second user input;

in accordance with a determination that the second user input meets the item-switching criteria, replacing display of the second content item with a third content item in the sequence of content items; and

in accordance with a determination that the second user input does not meet the item-switching criteria, navigating through content of the second content item in accordance with the movement of the second contact.