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

• US 10,235,035 B2
• Filed: 01/28/2016
• Issued: 03/19/2019
• 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:
  US15/009,688
• Publication Number:
  US 20170046039A1
• Time in Patent Office: 1,146 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 presents a first portion of structured content on a display. The structured content includes a plurality of sections and the first portion includes content from a first section of the plurality of sections. The device detects a contact on the touch-sensitive surface, detects an increase in a characteristic intensity of the contact, and detects a movement of the contact. In response to detecting the increase in the characteristic intensity of the contact and the movement of the contact: in accordance with a determination that the characteristic intensity of the contact increases above an intensity threshold, the device translates the structured content to display a start of a second section; and in accordance with a determination that the characteristic intensity of the contact does not increase above the intensity threshold, the device translates the structured content in accordance with a magnitude of 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 device to:

present a first portion of structured content on the display, wherein the structured content includes a plurality of sections, and the first portion includes content from a first section of the plurality of sections;

detect a first contact on the touch-sensitive surface while the first portion of the structured content is presented on the display;

detect an increase in a characteristic intensity of the first contact on the touch-sensitive surface and detecting a first movement of the first contact on the touch-sensitive surface; and

,

in response to detecting the increase in the characteristic intensity of the first contact and detecting the first movement of the first contact;

in accordance with a determination that the characteristic intensity of the contact increases above a first intensity threshold, translate the structured content to display a start of a second section adjacent to the first section of the structured content at a predefined location on the display; and

,

in accordance with a determination that the characteristic intensity of the contact does not increase above the first intensity threshold, translate the structured content in accordance with a magnitude of the movement of the contact on the touch-sensitive surface.

2. The computer readable storage medium of claim 1, wherein, during the translating of the structured content to display the start of the second section adjacent to the first section on the display, a focus selector associated with the first contact is on the structured content.

3. The computer readable storage medium of claim 1, including instructions which, when executed by the electronic device, cause the electronic device to:

in response to detecting the increase in the characteristic intensity of the first contact and the first movement of the first contact, apply a visual effect on the first portion of the structured content on the display.

4. The computer readable storage medium of claim 3, including instructions which, when executed by the electronic device, cause the electronic device to:

remove the applied visual effect on the first portion of the structured content on the display during the translating of the structured content.

5. The computer readable storage medium of claim 1, including instructions which, when executed by the electronic device, cause the electronic device to, prior to the determination that the characteristic intensity of the first contact has increased above the first intensity threshold:

detect an initial increase in the characteristic intensity of the first contact; and

,

in response to detecting the initial increase in the characteristic intensity of the first contact, concurrently present a scroll bar with the first portion of the structured content on the display, wherein the scroll bar includes a scroll position indicator that indicates a respective position of the first portion of the structured content in the structured content; and

,

in response to the determination that the characteristic intensity of the first contact has increased above the first intensity threshold, present a plurality of section indicators along with the scroll position indicator, wherein a relative ordering of the section indicators to the scroll position indicator corresponds to relative positions of the sections to the first portion of the structured content in the structured content.

6. The computer readable storage medium of claim 5, wherein presenting the plurality of section indicators with the scroll bar includes:

presenting an animation that shows the plurality of section indicators emerging from the scroll position indicator and spreading out along the scroll bar.

7. The computer readable storage medium of claim 5, including instructions which, when executed by the electronic device, cause the electronic device to:

when translating of the structured content to display the start of the second section adjacent to the first section of the structured content, present an animation that shows the scroll position indicator hopping over a respective section indicator in the plurality of section indicators.

8. The computer readable storage medium of claim 5, including instructions which, when executed by the electronic device, cause the electronic device to:

detect a lift-off of the first contact, and,

in response to detecting the lift-off of the first contact, cease to display the scroll bar, the scroll position indicator, and the plurality of section indicators.

9. The computer readable storage medium of claim 8, including instructions which, when executed by the electronic device, cause the electronic device to:

in response to detecting the lift-off of the first contact, present an animation that shows the plurality of section indicators moving into the scroll position indicator before ceasing the display of the scroll position indicator.

10. The computer readable storage medium of claim 1, wherein the structured content is translated to display the start of the second section adjacent to the first section of the structured content at the predefined location on the display in accordance with a determination that the first movement of the first contact exceeds a first threshold distance.

11. The computer readable storage medium of claim 10, wherein the characteristic intensity of the first contact is below the first intensity threshold after the first movement of the first contact exceeds the first threshold distance.

12. The computer readable storage medium of claim 1, wherein the sections in the structured content are mapped to a plurality of vertical positions on the display, and wherein the first movement of the first contact from a first position of the plurality of positions to a second position of the plurality of positions results in a translation of the structured content from one section of the structured document that corresponds to the first position on the display to another section of the structured content that corresponds to the second position on the display.

13. An electronic device, comprising:

a display;

a touch-sensitive surface;

one or more sensors to detect an intensities of a contact on 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;

presenting a first portion of structured content on the display, wherein the structured content includes a plurality of sections, and the first portion includes content from a first section of the plurality of sections;

detecting a first contact on the touch-sensitive surface while the first portion of the structured content is presented on the display;

detecting an increase in a characteristic intensity of the first contact on the touch-sensitive surface and detecting a first movement of the first contact on the touch-sensitive surface; and

,

in response to detecting the increase in the characteristic intensity of the first contact and detecting the first movement of the first contact;

in accordance with a determination that the characteristic intensity of the contact increases above a first intensity threshold, translating the structured content to display a start of a second section adjacent to the first section of the structured content at a predefined location on the display; and

,

in accordance with a determination that the characteristic intensity of the contact does not increase above the first intensity threshold, translating the structured content in accordance with a magnitude of the movement of the contact on the touch-sensitive surface.

14. The device of claim 13, wherein, during the translating of the structured content to display the start of the second section adjacent to the first section on the display, a focus selector associated with the first contact is on the structured content.

15. The device of claim 13, including instructions for:

in response to detecting the increase in the characteristic intensity of the first contact and the first movement of the first contact, applying a visual effect on the first portion of the structured content on the display.

16. The device of claim 15, including instructions for:

removing the applied visual effect on the first portion of the structured content on the display during the translating of the structured content.

17. The device of claim 13, including instructions for, prior to the determination that the characteristic intensity of the first contact has increased above the first intensity threshold:

detecting an initial increase in the characteristic intensity of the first contact; and

,

in response to detecting the initial increase in the characteristic intensity of the first contact, concurrently presenting a scroll bar with the first portion of the structured content on the display, wherein the scroll bar includes a scroll position indicator that indicates a respective position of the first portion of the structured content in the structured content; and

,

in response to the determination that the characteristic intensity of the first contact has increased above the first intensity threshold, presenting a plurality of section indicators along with the scroll position indicator, wherein a relative ordering of the section indicators to the scroll position indicator corresponds to relative positions of the sections to the first portion of the structured content in the structured content.

18. The device of claim 17, wherein presenting the plurality of section indicators with the scroll bar includes:

presenting an animation that shows the plurality of section indicators emerging from the scroll position indicator and spreading out along the scroll bar.

19. The device of claim 17, including instructions for:

when translating of the structured content to display the start of the second section adjacent to the first section of the structured content, presenting an animation that shows the scroll position indicator hopping over a respective section indicator in the plurality of section indicators.

20. The device of claim 17, including instructions for:

detecting a lift-off of the first contact, and,

in response to detecting the lift-off of the first contact, ceasing to display the scroll bar, the scroll position indicator, and the plurality of section indicators.

21. The device of claim 20, including instructions for:

in response to detecting the lift-off of the first contact, presenting an animation that shows the plurality of section indicators moving into the scroll position indicator before ceasing the display of the scroll position indicator.

22. The device of claim 13, wherein the structured content is translated to display the start of the second section adjacent to the first section of the structured content at the predefined location on the display in accordance with a determination that the first movement of the first contact exceeds a first threshold distance.

23. The device of claim 22, wherein the characteristic intensity of the first contact is below the first intensity threshold after the first movement of the first contact exceeds the first threshold distance.

24. The device of claim 13, wherein the sections in the structured content are mapped to a plurality of vertical positions on the display, and wherein the first movement of the first contact from a first position of the plurality of positions to a second position of the plurality of positions results in a translation of the structured content from one section of the structured document that corresponds to the first position on the display to another section of the structured content that corresponds to the second position on the display.

35. The method of claim 23, wherein the characteristic intensity of the first contact is below the first intensity threshold after the first movement of the first contact exceeds the first threshold distance.

25. A method, comprising:

at an electronic device with a touch-sensitive surface, a display, and one or more sensors to detect intensities of contacts on the touch-sensitive surface;

presenting a first portion of structured content on the display, wherein the structured content includes a plurality of sections, and the first portion includes content from a first section of the plurality of sections;

detecting a first contact on the touch-sensitive surface while the first portion of the structured content is presented on the display;

detecting an increase in a characteristic intensity of the first contact on the touch-sensitive surface and detecting a first movement of the first contact on the touch-sensitive surface; and

,

in response to detecting the increase in the characteristic intensity of the first contact and detecting the first movement of the first contact;

in accordance with a determination that the characteristic intensity of the contact increases above a first intensity threshold, translating the structured content to display a start of a second section adjacent to the first section of the structured content at a predefined location on the display; and

,

in accordance with a determination that the characteristic intensity of the contact does not increase above the first intensity threshold, translating the structured content in accordance with a magnitude of the movement of the contact on the touch-sensitive surface.

26. The method of claim 25, wherein, during the translating of the structured content to display the start of the second section adjacent to the first section on the display, a focus selector associated with the first contact is on the structured content.

27. The method of claim 25, including:

in response to detecting the increase in the characteristic intensity of the first contact and the first movement of the first contact, applying a visual effect on the first portion of the structured content on the display.

28. The method of claim 27, including:

removing the applied visual effect on the first portion of the structured content on the display during the translating of the structured content.

29. The method of claim 25, including, prior to the determination that the characteristic intensity of the first contact has increased above the first intensity threshold:

detecting an initial increase in the characteristic intensity of the first contact; and

,

in response to detecting the initial increase in the characteristic intensity of the first contact, concurrently presenting a scroll bar with the first portion of the structured content on the display, wherein the scroll bar includes a scroll position indicator that indicates a respective position of the first portion of the structured content in the structured content; and

,

in response to the determination that the characteristic intensity of the first contact has increased above the first intensity threshold, presenting a plurality of section indicators along with the scroll position indicator, wherein a relative ordering of the section indicators to the scroll position indicator corresponds to relative positions of the sections to the first portion of the structured content in the structured content.

30. The method of claim 29, wherein presenting the plurality of section indicators with the scroll bar includes:

presenting an animation that shows the plurality of section indicators emerging from the scroll position indicator and spreading out along the scroll bar.

31. The method of claim 29, including:

when translating of the structured content to display the start of the second section adjacent to the first section of the structured content, presenting an animation that shows the scroll position indicator hopping over a respective section indicator in the plurality of section indicators.

32. The method of claim 29, including:

detecting a lift-off of the first contact, and,

in response to detecting the lift-off of the first contact, ceasing to display the scroll bar, the scroll position indicator, and the plurality of section indicators.

33. The method of claim 32, including:

in response to detecting the lift-off of the first contact, presenting an animation that shows the plurality of section indicators moving into the scroll position indicator before ceasing the display of the scroll position indicator.

34. The method of claim 25, wherein the structured content is translated to display the start of the second section adjacent to the first section of the structured content at the predefined location on the display in accordance with a determination that the first movement of the first contact exceeds a first threshold distance.

36. The method of claim 25, wherein the sections in the structured content are mapped to a plurality of vertical positions on the display, and wherein the first movement of the first contact from a first position of the plurality of positions to a second position of the plurality of positions results in a translation of the structured content from one section of the structured document that corresponds to the first position on the display to another section of the structured content that corresponds to the second position on the display.