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

• US 9,671,825 B2
• Filed: 03/31/2011
• Issued: 06/06/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): Chow, Doon
• Assistant Examiner(s): NGUYEN, LE V
• Application Number:
  US13/077,855
• Publication Number:
  US 20120192102A1
• Time in Patent Office: 2,259 Days
• Field of Search: 715765, 715788, 715780, 715711, 715715, 715815, 715822, 715863
• 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;

storing a document having primary content and a plurality of items of supplementary content;

displaying, in a display region of a document presentation application, the primary content and the plurality of items of supplementary content of the document in a first display mode of the document presentation application, the plurality of items of supplementary content being visually integrated with the primary content in the first display mode;

while displaying content of the document in the first display mode, receiving a single request to display content of the document, in the display region of the document presentation application, in a second display mode of the document presentation application; and

in response to the single request, replacing displaying, in the display region of the document presentation application, the primary content and the plurality of items of supplementary content in the first display mode with displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode, the representations of the plurality of items of supplementary content being visually segregated from the primary content in the second display mode, wherein the representations of the plurality of items of supplementary content are distinct from the plurality of items of supplementary content.

2. The device of claim 1, wherein visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying the plurality of items of supplementary content inline with the primary content.

3. The device of claim 1, wherein visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes:

displaying the primary content in a first region of a user interface that does not include the plurality of items of supplementary content; and

displaying the representations of the plurality of items of supplementary content in a second region of the user interface that is distinct from the first region of the user interface and that does not include the primary content.

4. The device of claim 1, wherein:

an item of supplementary content is displayed at a first size on the display in the first display mode; and

a representation of the item of supplementary content is displayed in the second display mode, wherein the representation of the item of supplementary content has a second size on the display that is smaller than the first size.

5. The device of claim 1, wherein:

the first display mode has a first content advancement direction with respect to a reading direction of text in the primary content; and

the second display mode has a second content advancement direction with respect to the reading direction of the text in the primary content that is distinct from the first content advancement direction.

6. The device of claim 1, wherein, the primary content includes a plurality of page boundaries, and the device includes instructions for:

detecting a request to navigate through the document; and

in response to detecting the request to navigate through the document;

in accordance with a determination that the device is in the first display mode, navigating to a sequentially adjacent page in accordance with the page boundaries; and

in accordance with a determination that the device is in the second display mode, scrolling through the document in accordance with a magnitude of a value associated with the request.

7. The device of claim 1, wherein:

the device has a long axis and a short axis;

in the first display mode, a reading direction of the text is aligned with the long axis; and

in the second display mode, the reading direction of the text is aligned with the short axis.

8. The device of claim 1, wherein receiving the request to display content of the document in the second display mode includes detecting rotation of the device.

9. The device of claim 1, wherein visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying primary content corresponding to at least one item of the plurality of items of supplementary content on at least two sides of the at least one item of the plurality of items of supplementary content.

10. The device of claim 1, wherein receiving the request to display content of the document in the second display mode includes detecting a change in orientation of the device from a first orientation to a second orientation.

11. The device of claim 1, further including instructions for:

while displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode;

detecting a gesture on a respective representation of the supplementary content, and

displaying the supplementary content that corresponds to the respective representation of the supplementary content overlaid on at least a portion of the primary content.

12. The device of claim 1, wherein displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode in response to the request comprises transitioning from displaying the primary content and the plurality of items of supplementary content of the document in the first display mode to displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode.

13. The device of claim 1, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying a first portion of primary content separated from a second portion of primary content by at least some supplementary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying the first portion of primary content unseparated from the second portion of primary content.

14. The device of claim 1, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying the primary content on at least two adjacent sides of at least one item of the plurality of items of supplementary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying the primary content on only one side of the representations of the plurality of items of supplementary content.

15. The device of claim 1, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying a first item of supplementary content separated from a second item of supplementary content by at least a portion of primary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying a representation of the first item of supplementary content adjacent to a representation of the second item of supplementary content.

16. A method, comprising:

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

storing a document having primary content and a plurality of items of supplementary content;

displaying, in a display region of a document presentation application, the primary content and the plurality of items of supplementary content of the document in a first display mode of the document presentation application, the plurality of items of supplementary content being visually integrated with the primary content in the first display mode;

while displaying content of the document in the first display mode, receiving a single request to display content of the document, in the display region of the document presentation application, in a second display mode of the document presentation application; and

in response to the single request, replacing displaying, in the display region of the document presentation application, the primary content and the plurality of items of supplementary content in the first display mode with displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode, the representations of the plurality of items of supplementary content being visually segregated from the primary content in the second display mode, wherein the representations of the plurality of items of supplementary content are distinct from the plurality of items of supplementary content.

17. The method of claim 16, wherein visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying the plurality of items of supplementary content inline with the primary content.

18. The method of claim 16, wherein visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes:

displaying the primary content in a first region of a user interface that does not include the plurality of items of supplementary content; and

displaying the representations of the plurality of items of supplementary content in a second region of the user interface that is distinct from the first region of the user interface and that does not include the primary content.

19. The method of claim 16, wherein:

an item of supplementary content is displayed at a first size on the display in the first display mode; and

a representation of the item of supplementary content is displayed in the second display mode, wherein the representation of the item of supplementary content has a second size on the display that is smaller than the first size.

20. The method of claim 16, wherein:

the first display mode has a first content advancement direction with respect to a reading direction of text in the primary content; and

the second display mode has a second content advancement direction with respect to the reading direction of the text in the primary content that is distinct from the first content advancement direction.

21. The method of claim 16, wherein the primary content includes a plurality of page boundaries, and the method includes:

detecting a request to navigate through the document; and

in response to detecting the request to navigate through the document;

in accordance with a determination that the device is in the first display mode, navigating to a sequentially adjacent page in accordance with the page boundaries; and

in accordance with a determination that the device is in the second display mode, scrolling through the document in accordance with a magnitude of a value associated with the request.

22. The method of claim 16, wherein:

the device has a long axis and a short axis;

in the first display mode, a reading direction of the text is aligned with the long axis; and

in the second display mode, the reading direction of the text is aligned with the short axis.

23. The method of claim 16, wherein receiving the request to display content of the document in the second display mode includes detecting rotation of the device.

24. The method of claim 16, wherein visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying primary content corresponding to at least one item of the plurality of items of supplementary content on at least two sides of the at least one item of the plurality of items of supplementary content.

25. The method of claim 16, wherein receiving the request to display content of the document in the second display mode includes detecting a change in orientation of the device from a first orientation to a second orientation.

26. The method of claim 16, further comprising:

while displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode;

detecting a gesture on a respective representation of the supplementary content, and

displaying the supplementary content that corresponds to the respective representation of the supplementary content overlaid on at least a portion of the primary content.

27. The method of claim 16, wherein displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode in response to the request comprises transitioning from displaying the primary content and the plurality of items of supplementary content of the document in the first display mode to displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode.

28. The method of claim 16, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying a first portion of primary content separated from a second portion of primary content by at least some supplementary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying the first portion of primary content unseparated from the second portion of primary content.

29. The method of claim 16, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying the primary content on at least two adjacent sides of at least one item of the plurality of items of supplementary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying the primary content on only one side of the representations of the plurality of items of supplementary content.

30. The method of claim 16, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying a first item of supplementary content separated from a second item of supplementary content by at least a portion of primary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying a representation of the first item of supplementary content adjacent to a representation of the second item of supplementary content.

31. 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:

store a document having primary content and a plurality of items of supplementary content;

display, in a display region of a document presentation application, the primary content and the plurality of items of supplementary content of the document in a first display mode of the document presentation application, the plurality of items of supplementary content being visually integrated with the primary content in the first display mode;

while displaying content of the document in the first display mode, receive a single request to display content of the document, in the display region of the document presentation application, in a second display mode of the document presentation application; and

in response to the single request, replace display, in the display region of the document presentation application, of the primary content and the plurality of items of supplementary content in the first display mode with display of the primary content and representations of the plurality of items of supplementary content of the document in the second display mode, the representations of the plurality of items of supplementary content being visually segregated from the primary content in the second display mode, wherein the representations of the plurality of items of supplementary content are distinct from the plurality of items of supplementary content.

32. The computer readable storage medium of claim 31, wherein visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying the plurality of items of supplementary content inline with the primary content.

33. The computer readable storage medium of claim 31, wherein visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes:

displaying the primary content in a first region of a user interface that does not include the plurality of items of supplementary content; and

displaying the representations of the plurality of items of supplementary content in a second region of the user interface that is distinct from the first region of the user interface and that does not include the primary content.

34. The computer readable storage medium of claim 31, wherein:

an item of supplementary content is displayed at a first size on the display in the first display mode; and

a representation of the item of supplementary content is displayed in the second display mode, wherein the representation of the item of supplementary content has a second size on the display that is smaller than the first size.

35. The computer readable storage medium of claim 31, wherein:

the first display mode has a first content advancement direction with respect to a reading direction of text in the primary content; and

the second display mode has a second content advancement direction with respect to the reading direction of the text in the primary content that is distinct from the first content advancement direction.

36. The computer readable storage medium of claim 31, wherein the primary content includes a plurality of page boundaries, and the one or more programs include instructions, which, when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

detect a request to navigate through the document; and

in response to detecting the request to navigate through the document;

in accordance with a determination that the device is in the first display mode, navigate to a sequentially adjacent page in accordance with the page boundaries; and

in accordance with a determination that the device is in the second display mode, scroll through the document in accordance with a magnitude of a value associated with the request.

37. The computer readable storage medium of claim 31, wherein:

the device has a long axis and a short axis;

in the first display mode, a reading direction of the text is aligned with the long axis; and

in the second display mode, the reading direction of the text is aligned with the short axis.

38. The computer readable storage medium of claim 31, wherein receiving the request to display content of the document in the second display mode includes detecting rotation of the device.

39. The computer readable storage medium of claim 31, wherein visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying primary content corresponding to at least one item of the plurality of items of supplementary content on at least two sides of the at least one item of the plurality of items of supplementary content.

40. The computer readable storage medium of claim 31, wherein receiving the request to display content of the document in the second display mode includes detecting a change in orientation of the device from a first orientation to a second orientation.

41. The computer readable storage medium of claim 31, further comprising instructions, which, when executed by the electronic device with the display and the touch-sensitive surface, cause the device to:

while displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode;

detect a gesture on a respective representation of the supplementary content, and

display the supplementary content that corresponds to the respective representation of the supplementary content overlaid on at least a portion of the primary content.

42. The computer readable storage medium of claim 31, wherein displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode in response to the request comprises transitioning from displaying the primary content and the plurality of items of supplementary content of the document in the first display mode to displaying the primary content and representations of the plurality of items of supplementary content of the document in the second display mode.

43. The computer readable storage medium of claim 31, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying a first portion of primary content separated from a second portion of primary content by at least some supplementary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying the first portion of primary content unseparated from the second portion of primary content.

44. The computer readable storage medium of claim 31, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying the primary content on at least two adjacent sides of at least one item of the plurality of items of supplementary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying the primary content on only one side of the representations of the plurality of items of supplementary content.

45. The computer readable storage medium of claim 31, wherein:

visually integrating the plurality of items of supplementary content with the primary content in the first display mode includes displaying a first item of supplementary content separated from a second item of supplementary content by at least a portion of primary content, and

visually segregating the representations of the plurality of items of supplementary content from the primary content in the second display mode includes displaying a representation of the first item of supplementary content adjacent to a representation of the second item of supplementary content.