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

• US 9,442,516 B2
• Filed: 03/31/2011
• Issued: 09/13/2016
• 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): Sax, Steven
• Assistant Examiner(s): NGUYEN, LE V
• Application Number:
  US13/077,850
• Publication Number:
  US 20120192101A1
• Time in Patent Office: 1,993 Days
• Field of Search: 715/767, 715/861, 715/776, 715/851
• 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. A portable 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, supplementary content, and user-generated content;

displaying a representation of the document in a segmented user interface on the display, wherein;

the primary content of the document is displayed in a first segment of the segmented user interface,

the supplementary content of the document is concurrently displayed in a second segment of the segmented user interface distinct from the first segment,

the primary content and secondary content are concurrently displayed with a graphical representation of respective user-generated content in the segmented user interface, and

the segmented user interface is configured to scroll in a primary scrolling direction;

detecting selection of the graphical representation of the respective user-generated content of the document; and

in response to detecting the selection of the graphical representation of user-generated content;

displaying an animation of the primary content sliding in a predefined direction that is different from the primary scrolling direction, and is independent of movement of an input during selection of the graphical representation of user generated content, while maintaining display of the previously displayed primary content;

ceasing to display at least a portion of the previously displayed supplementary content; and

replacing display of the graphical representation of the respective user-generated content with displaying the respective user-generated content of the document in a third segment of the segmented user interface distinct from the first segment and the second segment, wherein the first segment, the second segment, and the third segment are non-overlapping in the segmented user interface.

2. The device of claim 1, wherein the segments are dynamic regions of the user interface.

3. The device of claim 1, wherein at least a portion of the supplementary content is displayed concurrently with the user-generated content.

4. The device of claim 1, including instructions for, prior to receiving the request to view detecting the selection of the graphical representation of user-generated content, displaying representations of the user-generated content in the segmented user interface.

5. The device of claim 1, including instructions for, in response to the request to view detecting the selection of the graphical representation of user-generated content, replacing one or more items of supplementary content with representations of the one or more items of supplementary content in the second segment.

6. The device of claim 5, including instructions for:

detecting selection of a representation of a respective item of supplementary content; and

in response to detecting the selection of the representation, displaying the respective item of supplementary content.

7. The device of claim 1, including instructions for, in response to the request to view detecting the selection of the graphical representation of user-generated content, contracting the second segment and expanding the third segment.

8. The device of claim 1, wherein:

one or more items of supplementary content are each associated with a respective anchor position within the primary content; and

a respective item of supplementary content is displayed at a location in the second segment that is proximate to the respective anchor position for the respective item of supplementary content.

9. The device of claim 1, wherein:

one or more items of user-generated content are each associated with a respective anchor position within the primary content; and

a respective item of user-generated content is displayed at a location in the third segment that is proximate to the respective anchor position for the respective item of user-generated content.

10. The device of claim 1, wherein the first segment is displayed between the second segment and the third segment on the display.

11. The device of claim 1, wherein the primary content consists primarily of text.

12. The device of claim 1, wherein the user-generated content includes annotations associated with the primary content.

13. The device of claim 1, wherein the user-generated content includes annotations associated with the supplementary content.

14. The device of claim 1, wherein ceasing to display at least a portion of the previously displayed supplementary content includes displaying an animated transition of the segmented user interface sliding in a predefined direction so as to slide the second segment at least partially off of the display.

15. The device of claim 14, wherein the animated transition further comprises sliding the third segment onto the display.

16. The device of claim 14, wherein the sliding occurs in a direction that is perpendicular to a scrolling direction of the primary content.

19. The device of claim 1, wherein the first segment, the second segment, and the third segment are distinct columns in the segmented user interface.

17. A method, comprising:

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

storing a document having primary content, supplementary content, and user-generated content;

displaying a representation of the document in a segmented user interface on the display, wherein;

the primary content of the document is displayed in a first segment of the segmented user interface,

the supplementary content of the document is concurrently displayed in a second segment of the segmented user interface distinct from the first segment,

the primary content and secondary content are concurrently displayed with a graphical representation of respective user-generated content in the segmented user interface, and

the segmented user interface is configured to scroll in a primary scrolling direction;

detecting selection of the graphical representation of the respective user-generated content of the document; and

in response to detecting the selection of the graphical representation of user-generated content;

displaying an animation of the primary content sliding in a predefined direction that is different from the primary scrolling direction, and is independent of movement of an input during selection of the graphical representation of user generated content, while maintaining display of the previously displayed primary content;

ceasing to display at least a portion of the previously displayed supplementary content; and

replacing display of the graphical representation of the respective user-generated content with displaying the respective user-generated content of the document in a third segment of the segmented user interface distinct from the first segment and the second segment, wherein the first segment, the second segment, and the third segment are non-overlapping in the segmented user interface.

20. The method of claim 17, wherein the first segment, the second segment, and the third segment are distinct columns in the segmented user interface.

22. The method of claim 17, wherein the segments are dynamic regions of the user interface.

23. The method of claim 17, wherein at least a portion of the supplementary content is displayed concurrently with the user-generated content.

24. The method of claim 17, including, prior to detecting the selection of the graphical representation of user-generated content, displaying representations of the user-generated content in the segmented user interface.

25. The method of claim 17, including, in response to detecting the selection of the graphical representation of user-generated content, replacing one or more items of supplementary content with representations of the one or more items of supplementary content in the second segment.

26. The method of claim 25, including:

detecting selection of a representation of a respective item of supplementary content; and

in response to detecting the selection of the representation, displaying the respective item of supplementary content.

27. The method of claim 17, including, in response to detecting the selection of the graphical representation of user-generated content, contracting the second segment and expanding the third segment.

28. The method of claim 17, wherein:

one or more items of supplementary content are each associated with a respective anchor position within the primary content; and

a respective item of supplementary content is displayed at a location in the second segment that is proximate to the respective anchor position for the respective item of supplementary content.

29. The method of claim 17, wherein:

one or more items of user-generated content are each associated with a respective anchor position within the primary content; and

a respective item of user-generated content is displayed at a location in the third segment that is proximate to the respective anchor position for the respective item of user-generated content.

30. The method of claim 17, wherein the first segment is displayed between the second segment and the third segment on the display.

31. The method of claim 17, wherein the primary content consists primarily of text.

32. The method of claim 17, wherein the user-generated content includes annotations associated with the primary content.

33. The method of claim 17, wherein the user-generated content includes annotations associated with the supplementary content.

34. The method of claim 17, wherein ceasing to display at least a portion of the previously displayed supplementary content includes displaying an animated transition of the segmented user interface sliding in a predefined direction so as to slide the second segment at least partially off of the display.

35. The method of claim 34, wherein the animated transition further comprises sliding the third segment onto the display.

36. The method of claim 34, wherein the sliding occurs in a direction that is perpendicular to a scrolling direction of the primary content.

18. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which, when executed by a portable electronic device with a display and a touch-sensitive surface, cause the device to:

store a document having primary content, supplementary content, and user-generated content;

display a representation of the document in a segmented user interface on the display, wherein;

the primary content of the document is displayed in a first segment of the segmented user interface,

the supplementary content of the document is concurrently displayed in a second segment of the segmented user interface distinct from the first segment,

the primary content and secondary content are concurrently displayed with a graphical representation of respective user-generated content in the segmented user interface, and

the segmented user interface is configured to scroll in a primary scrolling direction;

detect selection of the graphical representation of the respective user-generated content of the document; and

in response to detecting the selection of the graphical representation of user-generated content;

display an animation of the primary content sliding in a predefined direction that is different from the primary scrolling direction, and is independent of movement of an input during selection of the graphical representation of user generated content, while maintaining display of the previously displayed primary content;

cease to display at least a portion of the previously displayed supplementary content; and

replace display of the graphical representation of the respective user-generated content with display of the respective user-generated content of the document in a third segment of the segmented user interface distinct from the first segment and the second segment, wherein the first segment, the second segment, and the third segment are non-overlapping in the segmented user interface.

21. The computer readable storage medium of claim 18, wherein the first segment, the second segment, and the third segment are distinct columns in the segmented user interface.

37. The computer readable storage medium of claim 18, wherein the segments are dynamic regions of the user interface.

38. The computer readable storage medium of claim 18, wherein at least a portion of the supplementary content is displayed concurrently with the user-generated content.

39. The computer readable storage medium of claim 18, including instructions that cause the device to, prior to detecting the selection of the graphical representation of user-generated content, display representations of the user-generated content in the segmented user interface.

40. The computer readable storage medium of claim 18, including instructions that cause the device to, in response to detecting the selection of the graphical representation of user-generated content, replace one or more items of supplementary content with representations of the one or more items of supplementary content in the second segment.

41. The computer readable storage medium of claim 40, including instructions that cause the device to:

detect selection of a representation of a respective item of supplementary content; and

in response to detecting the selection of the representation, display the respective item of supplementary content.

42. The computer readable storage medium of claim 18, including instructions that cause the device to, in response to detecting the selection of the graphical representation of user-generated content, contract the second segment and expanding the third segment.

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

one or more items of supplementary content are each associated with a respective anchor position within the primary content; and

a respective item of supplementary content is displayed at a location in the second segment that is proximate to the respective anchor position for the respective item of supplementary content.

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

one or more items of user-generated content are each associated with a respective anchor position within the primary content; and

a respective item of user-generated content is displayed at a location in the third segment that is proximate to the respective anchor position for the respective item of user-generated content.

45. The computer readable storage medium of claim 18, wherein the first segment is displayed between the second segment and the third segment on the display.

46. The computer readable storage medium of claim 18, wherein the primary content consists primarily of text.

47. The computer readable storage medium of claim 18, wherein the user-generated content includes annotations associated with the primary content.

48. The computer readable storage medium of claim 18, wherein the user-generated content includes annotations associated with the supplementary content.

49. The computer readable storage medium of claim 18, wherein ceasing to display at least a portion of the previously displayed supplementary content includes displaying an animated transition of the segmented user interface sliding in a predefined direction so as to slide the second segment at least partially off of the display.

50. The computer readable storage medium of claim 49, wherein the animated transition further comprises sliding the third segment onto the display.

51. The computer readable storage medium of claim 49, wherein the sliding occurs in a direction that is perpendicular to a scrolling direction of the primary content.