Device, method, and graphical user interface for navigating and displaying content in context
First Claim
1. 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 first arrangement of thumbnails that includes a plurality of thumbnails, wherein each respective thumbnail of the plurality of thumbnails corresponds to a respective set of content items that includes a plurality of content items;
while displaying the first arrangement of thumbnails, detecting a first contact and a second contact on the touch-sensitive surface at a location on the touch-sensitive surface that corresponds to a location of a first thumbnail of the plurality of thumbnails that corresponds to a first set of content items;
while continuing to detect the first contact and the second contact on the touch-sensitive surface;
detecting a first multi-contact gesture that includes movement of the first contact relative to the second contact; and
,in response to detecting the first multi-contact gesture;
displaying a group of representations of content items in the first set of content items; and
enlarging the group of representations by spreading the representations of content items in the first set of content items out by an amount determined in accordance with the first multi-contact gesture;
detecting termination of the first multi-contact gesture; and
,in response to detecting termination of the first multi-contact gesture;
in accordance with a determination that a resizing metric based on the first multi-contact gesture is below a predefined threshold;
ceasing to display the representations of the plurality of content items in the first set of content items; and
redisplaying the first arrangement of thumbnails; and
,in accordance with a determination that the resizing metric based on the first multi-contact gesture is above the predefined threshold;
spreading the representations of content items in the first set of content items out by a predefined amount; and
displaying the representations of the plurality of content items in the first set of content items on the display in a second arrangement that is different from the first arrangement.
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.
-
Citations
25 Claims
-
1. 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 first arrangement of thumbnails that includes a plurality of thumbnails, wherein each respective thumbnail of the plurality of thumbnails corresponds to a respective set of content items that includes a plurality of content items; while displaying the first arrangement of thumbnails, detecting a first contact and a second contact on the touch-sensitive surface at a location on the touch-sensitive surface that corresponds to a location of a first thumbnail of the plurality of thumbnails that corresponds to a first set of content items; while continuing to detect the first contact and the second contact on the touch-sensitive surface; detecting a first multi-contact gesture that includes movement of the first contact relative to the second contact; and
,in response to detecting the first multi-contact gesture; displaying a group of representations of content items in the first set of content items; and enlarging the group of representations by spreading the representations of content items in the first set of content items out by an amount determined in accordance with the first multi-contact gesture; detecting termination of the first multi-contact gesture; and
,in response to detecting termination of the first multi-contact gesture; in accordance with a determination that a resizing metric based on the first multi-contact gesture is below a predefined threshold; ceasing to display the representations of the plurality of content items in the first set of content items; and redisplaying the first arrangement of thumbnails; and
,in accordance with a determination that the resizing metric based on the first multi-contact gesture is above the predefined threshold; spreading the representations of content items in the first set of content items out by a predefined amount; and displaying the representations of the plurality of content items in the first set of content items on the display in a second arrangement that is different from the first arrangement. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8)
-
-
9. A method, comprising:
-
at an electronic device with a display and a touch-sensitive surface; displaying a first arrangement of thumbnails that includes a plurality of thumbnails, wherein each respective thumbnail of the plurality of thumbnails corresponds to a respective set of content items that includes a plurality of content items; while displaying the first arrangement of thumbnails, detecting a first contact and a second contact on the touch-sensitive surface at a location on the touch-sensitive surface that corresponds to a location of a first thumbnail of the plurality of thumbnails that corresponds to a first set of content items; while continuing to detect the first contact and the second contact on the touch-sensitive surface; detecting a first multi-contact gesture that includes movement of the first contact relative to the second contact; and
,in response to detecting the first multi-contact gesture; displaying a group of representations of content items in the first set of content items; and enlarging the group of representations by spreading the representations of content items in the first set of content items out by an amount determined content associated in accordance with the first multi-contact gesture; detecting termination of the first multi-contact gesture; and
,in response to detecting termination of the first multi-contact gesture; in accordance with a determination that a resizing metric based on the first multi-contact gesture is below a predefined threshold; ceasing to display the representations of the plurality of content items in the first set of content items; and redisplaying the first arrangement of thumbnails; and
,in accordance with a determination that the resizing metric based on the first multi-contact gesture is above the predefined threshold; spreading the representations of content items in the first set of content items out by a predefined amount; and displaying the representations of the plurality of content items in the first set of content items on the display in a second arrangement that is different from the first arrangement. - View Dependent Claims (10, 11, 12, 13, 14, 15, 16)
-
-
17. 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 first arrangement of thumbnails that includes a plurality of thumbnails, wherein each respective thumbnail of the plurality of thumbnails corresponds to a respective set of content items that includes a plurality of content items; while displaying the first arrangement of thumbnails, detect a first contact and a second contact on the touch-sensitive surface at a location on the touch-sensitive surface that corresponds to a location of a first thumbnail of the plurality of thumbnails that corresponds to a first set of content items; while continuing to detect the first contact and the second contact on the touch-sensitive surface; detect a first multi-contact gesture that includes movement of the first contact relative to the second contact; and
,in response to detecting the first multi-contact gesture; display a group of representations of content items in the first set of content items; and enlarge the group of representations by spreading the representations of content items in the first set of content items out by an amount determined in accordance with the first multi-contact gesture; detect termination of the first multi-contact gesture; and
,in response to detecting termination of the first multi-contact gesture; in accordance with a determination that a resizing metric based on the first multi-contact gesture is below a predefined threshold; cease to display the representations of the plurality of content items in the first set of content items; and redisplay the first arrangement of thumbnails; and
,in accordance with a determination that the resizing metric based on the first multi-contact gesture is above the predefined threshold; spread the representations of content items in the first set of content items out by a predefined amount; and display the representations of the plurality of content items in the first set of content items on the display in a second arrangement that is different from the first arrangement. - View Dependent Claims (18, 19, 20, 21, 22, 23, 24)
-
-
25. 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 first arrangement of thumbnails that includes a plurality of thumbnails, wherein a first thumbnail in the first arrangement of thumbnails corresponds to first content; while displaying the first arrangement of thumbnails, detecting a first contact and a second contact on the touch-sensitive surface at a location on the touch-sensitive surface that corresponds to a location of the first thumbnail; while continuing to detect the first contact and the second contact on the touch-sensitive surface; detecting a first multi-contact gesture that includes movement of the first contact relative to the second contact; and
,in response to detecting the first multi-contact gesture; displaying a representation of the first content; enlarging the representation of the first content to a respective enlarged size in accordance with the first multi-contact gesture; and rotating the representation of the first content to a respective arbitrary orientation in accordance with the first multi-contact gesture; detecting termination of the first multi-contact gesture; and
,in response to detecting termination of the first multi-contact gesture; in accordance with a determination that a resizing metric based on the first multi-contact gesture is below a predefined threshold, ceasing to display the first content at the respective enlarged size and at the respective arbitrary orientation and redisplaying the first arrangement of thumbnails; and
,in accordance with a determination that the resizing metric based on the first multi-contact gesture is above the predefined threshold, displaying the content on the display at a predefined size and a predefined rotation.
-
Specification