Device, method, and graphical user interface for navigating through an electronic document

• US 9,552,015 B2
• Filed: 03/31/2011
• Issued: 01/24/2017
• Est. Priority Date: 01/24/2011
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Migos, Charles J., Capela, Jay Christopher
• Primary Examiner(s): CHOI, DAVID E
• Application Number:
  US13/077,874
• Publication Number:
  US 20120192068A1
• Time in Patent Office: 2,126 Days
• Field of Search: 715/702, 715/761, 715/762, 715/763, 715/764
• US Class Current: 1/1
• CPC Class Codes: G06F 1/1626 with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
• CPC Class Codes: G06F 2200/1637 Sensing arrangement for detection of housing movement or orientation, e.g. for controlling scrolling or cursor movement on the display of an handheld computer
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/01 Input arrangements or combined input and output arrangements for interaction between user and computer G06F3/16 takes precedence
• 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/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 40/169 Annotation, e.g. comment data or footnotes

Abstract

An electronic device with a display and a touch-sensitive surface stores a document having primary content, supplementary content, and user-generated content. The device displays a representation of the document in a segmented user interface on the display. Primary content of the document is displayed in a first segment of the segmented user interface and supplementary content of the document is concurrently displayed in a second segment of the segmented user interface distinct from the first segment. The device receives a request to view user-generated content of the document. In response to the request, the device maintains display of the previously displayed primary content, ceases to display at least a portion of the previously displayed supplementary content, and displays user-generated content of the document in a third segment of the segmented user interface distinct from the first segment and the second segment.

Claims

1. An electronic device, comprising:

a display;

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

concurrently displaying;

a first portion of a document wherein the document comprises a plurality of annotations; and

a navigation bar limited to navigating through portions of the document that include at least one annotation;

detecting a gesture at a first location on the touch-sensitive surface that corresponds to a first portion of the navigation bar; and

in response to detecting the gesture;

selecting a second portion of the document based on the first portion of the navigation bar, wherein the second portion of the document is selected from portions of the document that include at least one annotation, so that the second portion of the document includes at least one annotation; and

while continuing to display the first portion of the document, displaying, at a location proximate to the first portion of the navigation bar, a representation of the second portion of the document that includes a representation of a respective annotation in the second portion of the document.

2. The device of claim 1, wherein the representation of the second portion is displayed in a callout that covers at least a sub-region of the first portion of the document.

3. The device of claim 1, wherein the representation of the second portion includes a section title for the second portion.

4. The device of claim 1, wherein the representation of the second portion includes a representative image from the second portion.

5. The device of claim 1, wherein the respective annotation is highlighting of text and the representation of the respective annotation includes the highlighted text.

6. The device of claim 1, wherein the respective annotation is a note and the representation of the respective annotation includes text of the note.

7. The device of claim 1, wherein the respective annotation is a bookmark and the representation of the respective annotation includes a bookmark icon.

8. The device of claim 1, wherein

the second portion of the document is a respective page of the document;

and

the representation of the second portion of the document includes a thumbnail image of the respective page with a representation of the respective annotation displayed in the thumbnail image.

9. The device of claim 1, wherein

the document includes a plurality of pages;

and

the representation of the second portion of the document includes representations of two or more pages in the document.

13. The device of claim 1, wherein the location proximate to the first portion of the navigation bar is dependent upon the first location on the touch-sensitive surface.

14. The device of claim 1, wherein the one or more programs further include instructions for:

detecting a movement of the gesture to a second location on the touch-sensitive surface that corresponds to a second portion of the navigation bar; and

in response to detecting the movement of the gesture;

selecting a third portion of the document, distinct from the second portion of the document, based on the second portion of the navigation bar, wherein the third portion of the document is selected from the portions of the document that include at least one annotation, so that the third portion of the document includes at least one annotation; and

while continuing to display the first portion of the document, ceasing to display the representation of the second portion of the document, and displaying, at a location proximate to the second portion of the navigation bar, a representation of the third portion of the document that includes a representation of a respective annotation in the third portion of the document.

15. The device of claim 14, wherein the location proximate to the second portion of the navigation bar is different from the location proximate to the first portion of the navigation bar.

16. The device of claim 1, wherein the second portion of the document does not include a section title for the second portion of the document and the representation of the second portion of the document includes the section title for the second portion of the document.

17. The device of claim 1, wherein

the second portion of the document is a respective page of the document;

and

the representation of the second portion of the document includes a thumbnail image of a portion of the respective page with a representation of the respective annotation displayed in the thumbnail image.

18. The device of claim 1, wherein the representation of the second portion includes an indication of the first portion of the navigation bar.

10. A method, comprising:

at an electronic device having a display and a touch-sensitive surface;

concurrently displaying;

a first portion of a document, wherein the document comprises a plurality of annotations; and

a navigation bar limited to navigating through portions of the document that include at least one annotation;

detecting a gesture at a first location on the touch-sensitive surface that corresponds to a first portion of the navigation bar; and

in response to detecting the gesture;

selecting a second portion of the document based on the first portion of the navigation bar, wherein the second portion of the document is selected from portions of the document that include at least one annotation, so that the second portion of the document includes at least one annotation; and

while continuing to display the first portion of the document, displaying, at a location proximate to the first portion of the navigation bar, a representation of the second portion of the document that includes a representation of a respective annotation in the second portion of the document.

19. The method of claim 10, wherein the representation of the second portion is displayed in a callout that covers at least a sub-region of the first portion of the document.

20. The method of claim 10, wherein the representation of the second portion includes a section title for the second portion.

21. The method of claim 10, wherein the representation of the second portion includes a representative image from the second portion.

22. The method of claim 10, wherein the respective annotation is highlighting of text and the representation of the respective annotation includes the highlighted text.

23. The method of claim 10, wherein the respective annotation is a note and the representation of the respective annotation includes text of the note.

24. The method of claim 10, wherein the respective annotation is a bookmark and the representation of the respective annotation includes a bookmark icon.

25. The method of claim 10, wherein

the second portion of the document is a respective page of the document;

and

the representation of the second portion of the document includes a thumbnail image of the respective page with a representation of the respective annotation displayed in the thumbnail image.

26. The method of claim 10, wherein

the document includes a plurality of pages;

and

the representation of the second portion of the document includes representations of two or more pages in the document.

27. The method of claim 10, wherein the location proximate to the first portion of the navigation bar is dependent upon the first location on the touch-sensitive surface.

28. The method of claim 10, wherein the one or more programs further include instructions for:

detecting a movement of the gesture to a second location on the touch-sensitive surface that corresponds to a second portion of the navigation bar; and

in response to detecting the movement of the gesture;

selecting a third portion of the document, distinct from the second portion of the document, based on the second portion of the navigation bar, wherein the third portion of the document is selected from the portions of the document that include at least one annotation, so that the third portion of the document includes at least one annotation; and

while continuing to display the first portion of the document, ceasing to display the representation of the second portion of the document, and displaying, at a location proximate to the second portion of the navigation bar, a representation of the third portion of the document that includes a representation of a respective annotation in the third portion of the document.

29. The method of claim 28, wherein the location proximate to the second portion of the navigation bar is different from the location proximate to the first portion of the navigation bar.

30. The method of claim 10, wherein the second portion of the document does not include a section title for the second portion of the document and the representation of the second portion of the document includes the section title for the second portion of the document.

31. The method of claim 10, wherein

the second portion of the document is a respective page of the document;

and

the representation of the second portion of the document includes a thumbnail image of a portion of the respective page with a representation of the respective annotation displayed in the thumbnail image.

32. The method of claim 10, wherein the representation of the second portion includes an indication of the first portion of the navigation bar.

11. 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 and a touch-sensitive surface, cause the device to:

concurrently display;

a first portion of a document, wherein the document comprises a plurality of annotations; and

a navigation bar limited to navigating through portions of the document that include at least one annotation;

detect a gesture at a first location on the touch-sensitive surface that corresponds to a first portion of the navigation bar; and

in response to detecting the gesture;

select a second portion of the document based on the first portion of the navigation bar, wherein the second portion of the document is selected from portions of the document that include at least one annotation, so that the second portion of the document includes at least one annotation; and

while continuing to display the first portion of the document, display, at a location proximate to the first portion of the navigation bar, a representation of the second portion of the document that includes a representation of a respective annotation in the second portion of the document.

33. The computer readable storage medium of claim 11, wherein the representation of the second portion is displayed in a callout that covers at least a sub-region of the first portion of the document.

34. The computer readable storage medium of claim 11, wherein the representation of the second portion includes a section title for the second portion.

35. The computer readable storage medium of claim 11, wherein the representation of the second portion includes a representative image from the second portion.

36. The computer readable storage medium of claim 11, wherein the respective annotation is highlighting of text and the representation of the respective annotation includes the highlighted text.

37. The computer readable storage medium of claim 11, wherein the respective annotation is a note and the representation of the respective annotation includes text of the note.

38. The computer readable storage medium of claim 11, wherein the respective annotation is a bookmark and the representation of the respective annotation includes a bookmark icon.

39. The computer readable storage medium of claim 11, wherein

the second portion of the document is a respective page of the document;

and

the representation of the second portion of the document includes a thumbnail image of the respective page with a representation of the respective annotation displayed in the thumbnail image.

40. The computer readable storage medium of claim 11, wherein

the document includes a plurality of pages;

and

the representation of the second portion of the document includes representations of two or more pages in the document.

41. The computer readable storage medium of claim 11, wherein the location proximate to the first portion of the navigation bar is dependent upon the first location on the touch-sensitive surface.

42. The computer readable storage medium of claim 11, wherein the one or more programs comprise instructions, which cause the device to:

detect a movement of the gesture to a second location on the touch-sensitive surface that corresponds to a second portion of the navigation bar; and

in response to detecting the movement of the gesture;

select a third portion of the document, distinct from the second portion of the document, based on the second portion of the navigation bar, wherein the third portion of the document is selected from the portions of the document that include at least one annotation, so that the third portion of the document includes at least one annotation; and

while continuing to display the first portion of the document, cease to display the representation of the second portion of the document, and display, at a location proximate to the second portion of the navigation bar, a representation of the third portion of the document that includes a representation of a respective annotation in the third portion of the document.

43. The computer readable storage medium of claim 42, wherein the location proximate to the second portion of the navigation bar is different from the location proximate to the first portion of the navigation bar.

44. The computer readable storage medium of claim 11, wherein the second portion of the document does not include a section title for the second portion of the document and the representation of the second portion of the document includes the section title for the second portion of the document.

45. The computer readable storage medium of claim 11, wherein

the second portion of the document is a respective page of the document;

and

the representation of the second portion of the document includes a thumbnail image of a portion of the respective page with a representation of the respective annotation displayed in the thumbnail image.

46. The computer readable storage medium of claim 11, wherein the representation of the second portion includes an indication of the first portion of the navigation bar.

12. A graphical user interface on an electronic device with a display, a touch-sensitive surface, a memory, and one or more processors to execute one or more programs stored in the memory, the graphical user interface comprising:

concurrent display of;

a first portion of a document wherein the document comprises a plurality of annotations; and

a navigation bar limited to navigating through portions of the document that include at least one annotation;

wherein, in response to detecting a gesture at a first location on the touch-sensitive surface that corresponds to a first portion of the navigation bar, a second portion of the document is selected based on the first portion of the navigation bar from portions of the document that include at least one annotation, so that the second portion of the document includes at least one annotation, and a representation of the second portion of the document that includes a representation of a respective annotation in the second portion of the document is displayed, while continuing to display the first portion of the document, at a location proximate to the first portion of the navigation bar.