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

摘要

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.

主权项

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, andthe 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; andin 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; andreplacing 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.