Device, method, and graphical user interface for navigating and displaying content in context
First Claim
1. A method, comprising:
- at an electronic device with a display and a touch-sensitive surface;
displaying a presentation user interface configured to present content items from a set of content items in a predetermined sequence, the presentation user interface simultaneously including;
a display region including a currently selected, individual content item in the set of content items; and
a scrubber, visually distinct from the display region, for navigating between individual content items in the set of content items, wherein the scrubber includes;
an ordered line of thumbnail representations, each thumbnail representation corresponding to a single content item in the set of content items, wherein the ordered line is ordered in accordance with the predetermined sequence; and
an enlarged thumbnail representation of the currently selected, individual content item, wherein the enlarged thumbnail representation is visually distinct from the display region and is displayed in the ordered line at a position that is determined in accordance with the predetermined sequence;
detecting an input at a location on the touch-sensitive surface that corresponds to a location on the scrubber for a respective, individual content item in the set of content items; and
,in response to detecting the first input, displaying the respective, individual content item in the display region and displaying an enlarged thumbnail representation of the respective, individual content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence, wherein the enlarged thumbnail representation of the respective content item is visually distinct from the display region, and wherein the respective, individual content item in the display region and the enlarged thumbnail representation of the respective, individual content item in the scrubber are displayed simultaneously.
1 Assignment
0 Petitions
Accused Products
Abstract
An electronic device displays one or more thumbnails. The device detects a first multi-contact gesture that includes movement of a first contact and a second contact; and, in response to detecting the first multi-contact gesture, the device displays content associated with a respective thumbnail and enlarges the content associated with the respective thumbnail to a respective enlarged size in accordance with the first multi-contact gesture. The device detects termination of the first multi-contact gesture; and, in response to detecting termination of the first multi-contact gesture: when a resizing metric based on the first multi-contact gesture is below a predefined threshold, the device ceases to display the content at the respective enlarged size; and, when the resizing metric based on the first multi-contact gesture is above the predefined threshold, the device displays the content on the display in a predefined arrangement.
85 Citations
33 Claims
-
1. A method, comprising:
at an electronic device with a display and a touch-sensitive surface; displaying a presentation user interface configured to present content items from a set of content items in a predetermined sequence, the presentation user interface simultaneously including; a display region including a currently selected, individual content item in the set of content items; and a scrubber, visually distinct from the display region, for navigating between individual content items in the set of content items, wherein the scrubber includes; an ordered line of thumbnail representations, each thumbnail representation corresponding to a single content item in the set of content items, wherein the ordered line is ordered in accordance with the predetermined sequence; and an enlarged thumbnail representation of the currently selected, individual content item, wherein the enlarged thumbnail representation is visually distinct from the display region and is displayed in the ordered line at a position that is determined in accordance with the predetermined sequence; detecting an input at a location on the touch-sensitive surface that corresponds to a location on the scrubber for a respective, individual content item in the set of content items; and
,in response to detecting the first input, displaying the respective, individual content item in the display region and displaying an enlarged thumbnail representation of the respective, individual content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence, wherein the enlarged thumbnail representation of the respective content item is visually distinct from the display region, and wherein the respective, individual content item in the display region and the enlarged thumbnail representation of the respective, individual content item in the scrubber are displayed simultaneously. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11)
-
12. An electronic device, comprising:
-
a display and 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; displaying a presentation user interface configured to present content items from a set of content items in a predetermined sequence, the presentation user interface simultaneously including; a display region including a currently selected, individual content item in the set of content items; and a scrubber, visually distinct from the display region, for navigating between individual content items in the set of content items, wherein the scrubber includes; an ordered line of thumbnail representations, each thumbnail representation corresponding to a single content item in the set of content items, wherein the ordered line is ordered in accordance with the predetermined sequence; and an enlarged thumbnail representation of the currently selected, individual content item, wherein the enlarged thumbnail representation is visually distinct from the display region and is displayed in the ordered line at a position that is determined in accordance with the predetermined sequence; detecting an input at a location on the touch-sensitive surface that corresponds to a location on the scrubber for a respective, individual content item in the set of content items; and
,in response to detecting the first input, displaying the respective, individual content item in the display region and displaying an enlarged thumbnail representation of the respective, individual content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence, wherein the enlarged thumbnail representation of the respective content item is visually distinct from the display region, and wherein the respective, individual content item in the display region and the enlarged thumbnail representation of the respective, individual content item in the scrubber are displayed simultaneously. - View Dependent Claims (13, 14, 15, 16, 17, 18, 19, 20, 21, 22)
-
-
23. 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:
-
display a presentation user interface configured to present content items from a set of content items in a predetermined sequence, the presentation user interface simultaneously including; a display region including a currently selected, individual content item in the set of content items; and a scrubber, visually distinct from the display region, for navigating between individual content items in the set of content items, wherein the scrubber includes; an ordered line of thumbnail representations, each thumbnail representation corresponding to a single content item in the set of content items, wherein the ordered line is ordered in accordance with the predetermined sequence; and an enlarged thumbnail representation of the currently selected, individual content item, wherein the enlarged thumbnail representation is visually distinct from the display region and is displayed in the ordered line at a position that is determined in accordance with the predetermined sequence; detect an input at a location on the touch-sensitive surface that corresponds to a location on the scrubber for a respective, individual content item in the set of content items; and
,in response to detecting the first input, display the respective, individual content item in the display region and displaying an enlarged thumbnail representation of the respective, individual content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence, wherein the enlarged thumbnail representation of the respective content item is visually distinct from the display region, and wherein the respective, individual content item in the display region and the enlarged thumbnail representation of the respective, individual content item in the scrubber are displayed simultaneously. - View Dependent Claims (24, 25, 26, 27, 28, 29, 30, 31, 32, 33)
-
Specification