Device, Method, and Graphical User Interface for Navigating and Displaying Content in Context

• US 20150082250A1
• Filed: 04/15/2014
• Published: 03/19/2015
• Est. Priority Date: 01/06/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Wagner, Oliver P., Matas, Michael
• Granted Patent: US 9,857,941 B2
• Time in Patent Office: Days
• US Class Current: 715/838
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

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.

Claims

1-20. -20. (canceled)

21. 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 including;

a display region for displaying a currently displayed content item in the set of content items;

a scrubber for navigating between content items in the set of content items, wherein the scrubber includes;

an ordered line of thumbnail representations for a plurality of content items 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 displayed content item, wherein the enlarged thumbnail representation is displayed in the ordered line at a position that is determined in accordance with the predetermined sequence;

detecting a first input at a location on the touch-sensitive surface that corresponds to a location on the scrubber for a respective content item in the set of content items; and

,

in response to detecting the first input, displaying the respective content item in the display region and displaying an enlarged thumbnail representation of the respective content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence.

22. The method of claim 21, wherein:

the ordered line is a row;

each of the thumbnail representations has a width;

the scrubber has a predefined maximum width; and

when the sum of the widths of the thumbnail representations of content items in the set of content items is less than the predefined maximum width, the plurality of content items includes all of the content items in the set of content items; and

when the sum of the widths of the thumbnail representations of content items in the set of content items exceeds the predefined maximum width, the plurality of content items includes less than all of the content items in the set of content items.

23. The method of claim 22, wherein when the plurality of content items includes less than all of the content items in the set of content items, the plurality of content items is selected using predefined criteria.

24. The method of claim 21, wherein:

the ordered line is a column;

each of the thumbnail representations has a height;

the scrubber has a predefined maximum height; and

when the sum of the heights of the thumbnail representations of content items in the set of content items is less than the predefined maximum height, the plurality of content items includes all of the content items in the set of content items; and

when the sum of the heights of the thumbnail representations of content items in the set of content items exceeds the predefined maximum height, the plurality of content items includes less than all of the content items in the set of content items.

25. The method of claim 24, wherein when the plurality of content items includes less than all of the content items in the set of content items, the plurality of content items is selected using predefined criteria.

26. The method of claim 21, wherein:

when the plurality of content items includes less than all of the content items in the set of content items, displaying the enlarged thumbnail representation of the respective content item in the scrubber includes;

when the respective content item is in the plurality of content items, displaying the enlarged thumbnail representation of the respective content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence; and

,

when the respective content item is not in the plurality of content items, inserting the enlarged thumbnail representation of the respective content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence.

27. The method of claim 21, wherein the plurality of content items includes at least one video and at least one image.

28. The method of claim 21, wherein displaying the respective content item in the display region includes displaying a visual indicator that indicates that a voice memo is associated with the content item.

29. 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 including;

a display region for displaying a currently displayed content item in the set of content items;

a scrubber for navigating between content items in the set of content items, wherein the scrubber includes;

an ordered line of thumbnail representations for a plurality of content items 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 displayed content item, wherein the enlarged thumbnail representation is displayed in the ordered line at a position that is determined in accordance with the predetermined sequence;

detecting a first input at a location on the touch-sensitive surface that corresponds to a location on the scrubber for a respective content item in the set of content items; and

,

in response to detecting the first input, displaying the respective content item in the display region and displaying an enlarged thumbnail representation of the respective content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence.

30. A 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 including;

a display region for displaying a currently displayed content item in the set of content items;

a scrubber for navigating between content items in the set of content items, wherein the scrubber includes;

an ordered line of thumbnail representations for a plurality of content items 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 displayed content item, wherein the enlarged thumbnail representation is displayed in the ordered line at a position that is determined in accordance with the predetermined sequence;

detect a first input at a location on the touch-sensitive surface that corresponds to a location on the scrubber for a respective content item in the set of content items; and

,

in response to detecting the first input, display the respective content item in the display region and displaying an enlarged thumbnail representation of the respective content item in the scrubber at a location on the scrubber that is determined in accordance with the predetermined sequence.