Device, method, and graphical user interface for displaying content associated with a corresponding affordance

• US 9,753,639 B2
• Filed: 09/17/2015
• Issued: 09/05/2017
• Est. Priority Date: 05/09/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Cieplinski, Avi E., Khoe, May-Li, Costanzo, Bianca C., Hart, David J.
• Primary Examiner(s): To, Jennifer
• Assistant Examiner(s): LI, LIANG Y
• Application Number:
  US14/857,645
• Publication Number:
  US 20160041750A1
• Time in Patent Office: 719 Days
• CPC Class Codes: G06F 2203/04802 3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/0412 Digitisers structurally integrated in a display
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• 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/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• 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
• CPC Class Codes: G11B 27/00 Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
• CPC Class Codes: G11B 27/105 of operating discs
• CPC Class Codes: G11B 27/34 Indicating arrangements indicating means incorporated in magazine or cassette G11B23/046 and G11B23/0875; indicating measured values in general G01D

Abstract

An electronic device with a display, a touch-sensitive surface, and sensors to detect intensity of contacts with the touch-sensitive surface displays, on the display, an affordance corresponding to respective content at a respective size and detects a gesture that includes an increase in intensity of a contact followed by a subsequent decrease in intensity of the contact. In response to the increase in intensity, the device decreases a size of the affordance below the respective size. In response to the subsequent decrease in intensity: when a maximum intensity of the contact is above a content-display intensity threshold, the device ceases to display the affordance and displays at least a portion of the respective content; and when a maximum intensity of the contact is below the content-display intensity threshold, the device increases the size of the affordance to the respective size and forgoes displaying the respective content.

Claims

1. A method, comprising:

at an electronic device with a touch-sensitive surface and a display, wherein the device includes one or more sensors to detect intensity of contacts with the touch-sensitive surface;

displaying, on the display, a media player application, wherein the media player application includes a first media player control that is displayed in a first region of a user interface of the media player application, the first media player control for controlling playback of a plurality of different media items by the media player application; and

while the first media player control is associated with a first media item;

displaying a representation of a second media item that is associated with a second media player control for controlling playback of the second media item, wherein;

the second media player control is displayed in a second region of the user interface of the media player application that is distinct from the first region,

the second media player control is distinct from the representation of the second media item, and

the second media player control includes a single button that controls a plurality of media playback operations, including;

 

starting playback of the second media item at a playback rate; and

 

fast forwarding through the second media item at a rate faster than the playback rate;

while a focus selector is over the single button in the second media player control that controls the plurality of media playback operations, detecting an input that includes an increase in intensity of a contact; and

in response to detecting the input, determining whether to advance playback through the second media item in accordance with the intensity of the contact, wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes;

in accordance with a determination that, during the input, the intensity of the contact increases above a first intensity threshold but does not increase above a second intensity threshold higher than the first intensity threshold, starting playback of the second media item at the playback rate; and

,

in accordance with a determination that, during the input, the intensity of the contact increases above the second intensity threshold, fast forwarding through the second media item at a rate that is faster than the playback rate.

2. The method of claim 1, wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes:

in accordance with a determination that, during the input, the intensity of the contact does not increase above the first intensity threshold, forgoing advancing playback through the second media item.

3. The method of claim 1, wherein fast forwarding through the second media item includes advancing playback through the second media item at a rate that corresponds to a current intensity of the contact.

4. The method of claim 1, wherein fast forwarding through the second media item includes advancing through the second media item to a position in the second media item that corresponds to a current intensity of the contact.

5. The method of claim 1, wherein:

the first media item corresponds to a locally stored file on the electronic device that is owned by a user of the electronic device; and

the second media item corresponds to a preview of a remotely stored file that has not yet been purchased by the user.

6. The method of claim 1, including:

prior to advancing playback through the second media item, playing the first media item in response to detecting one or more inputs to the first media player control, wherein the input corresponding to the second media player control is detected while the device is playing the first media item; and

,

in response to detecting the input while the focus selector is over the second media player control, ceasing to play the first media item, while maintaining association of the first media player control with the first media item.

7. The method of claim 6, including:

after ceasing to play the first media item in response to detecting the input while the focus selector is over the second media player control, detecting an input on the touch-sensitive surface that corresponds to activation of the first media player control; and

,

in response to detecting the input that corresponds to activation of the first media player control, resuming playing the first media item and ceasing to advance playback through the second media item.

8. The method of claim 1, wherein:

the media player application includes a plurality of representations of other media items; and

at least a subset of the plurality of representations of other media items each include a respective media player control for controlling playback of a preview of a respective media item associated with the respective media player control in accordance with an intensity of a contact on the touch-sensitive surface while a focus selector is over the respective media player control.

9. An electronic device, comprising:

a display;

a touch-sensitive surface;

one or more sensors to detect intensity of contacts with the 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, on the display, a media player application, wherein the media player application includes a first media player control that is displayed in a first region of a user interface of the media player application, the first media player control for controlling playback of a plurality of different media items by the media player application; and

while the first media player control is associated with a first media item;

displaying a representation of a second media item that is associated with a second media player control for controlling playback of the second media item, wherein;

the second media player control is displayed in a second region of the user interface of the media player application that is distinct from the first region,

the second media player control is distinct from the representation of the second media item, and

the second media player control includes a single button that controls a plurality of media playback operations, including;

 

starting playback of the second media item at a playback rate; and

 

fast forwarding through the second media item at a rate faster than the playback rate;

while a focus selector is over the single button in the second media player control that controls the plurality of media playback operations, detecting an input that includes an increase in intensity of a contact; and

in response to detecting the input, determining whether to advance playback through the second media item in accordance with the intensity of the contact wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes;

in accordance with a determination that, during the input, the intensity of the contact increases above a first intensity threshold but does not increase above a second intensity threshold higher than the first intensity threshold, starting playback of the second media item at the playback rate; and

,

in accordance with a determination that, during the input, the intensity of the contact increases above the second intensity threshold, fast forwarding through the second media item at a rate that is faster than the playback rate.

10. The device of claim 9, wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes:

in accordance with a determination that, during the input, the intensity of the contact does not increase above the first intensity threshold, forgoing advancing playback through the second media item.

11. The device of claim 9, wherein fast forwarding through the second media item includes advancing playback through the second media item at a rate that corresponds to a current intensity of the contact.

12. The device of claim 9, wherein fast forwarding through the second media item includes advancing through the second media item to a position in the second media item that corresponds to a current intensity of the contact.

13. The device of claim 9, wherein:

the first media item corresponds to a locally stored file on the electronic device that is owned by a user of the electronic device; and

the second media item corresponds to a preview of a remotely stored file that has not yet been purchased by the user.

14. The device of claim 9, including instructions for:

prior to advancing playback through the second media item, playing the first media item in response to detecting one or more inputs to the first media player control, wherein the input corresponding to the second media player control is detected while the device is playing the first media item; and

,

in response to detecting the input while the focus selector is over the second media player control, ceasing to play the first media item, while maintaining association of the first media player control with the first media item.

15. The device of claim 14, including instructions for:

after ceasing to play the first media item in response to detecting the input while the focus selector is over the second media player control, detecting an input on the touch-sensitive surface that corresponds to activation of the first media player control; and

,

in response to detecting the input that corresponds to activation of the first media player control, resuming playing the first media item and ceasing to advance playback through the second media item.

16. The device of claim 9, wherein:

the media player application includes a plurality of representations of other media items; and

at least a subset of the plurality of representations of other media items each include a respective media player control for controlling playback of a preview of a respective media item associated with the respective media player control in accordance with an intensity of a contact on the touch-sensitive surface while a focus selector is over the respective media player control.

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, a touch-sensitive surface, and one or more sensors to detect intensity of contacts with the touch-sensitive surface, cause the electronic device to:

display, on the display, a media player application, wherein the media player application includes a first media player control that is displayed in a first region of a user interface of the media player application, the first media player control for controlling playback of a plurality of different media items by the media player application; and

while the first media player control is associated with a first media item;

display a representation of a second media item that is associated with a second media player control for controlling playback of the second media item, wherein;

the second media player control is displayed in a second region of the user interface of the media player application that is distinct from the first region,

the second media player control is distinct from the representation of the second media item, and

the second media player control includes a single button that controls a plurality of media playback operations, including;

starting playback of the second media item at a playback rate; and

fast forwarding through the second media item at a rate faster than the playback rate;

while a focus selector is over the single button in the second media player control that controls the plurality of media playback operations, detect an input that includes an increase in intensity of a contact; and

in response to detecting the input, determine whether to advance playback through the second media item in accordance with the intensity of the contact, wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes;

in accordance with a determination that, during the input, the intensity of the contact increases above a first intensity threshold but does not increase above a second intensity threshold higher than the first intensity threshold, starting playback of the second media item at the playback rate; and

,

in accordance with a determination that, during the input, the intensity of the contact increases above the second intensity threshold, fast forwarding through the second media item at a rate that is faster than the playback rate.

18. The non-transitory storage medium of claim 17, wherein determining whether to advance playback through the second media item in accordance with the intensity of the contact includes:

in accordance with a determination that during the input, the intensity of the contact does not increase above the first intensity threshold, forgoing advancing playback through the second media item.

19. The non-transitory storage medium of claim 17, wherein fast forwarding through the second media item includes advancing playback through the second media item at a rate that corresponds to a current intensity of the contact.

20. The non-transitory storage medium of claim 17, wherein fast forwarding through the second media item includes advancing through the second media item to a position in the second media item that corresponds to a current intensity of the contact.

21. The non-transitory storage medium of claim 17, wherein:

the first media item corresponds to a locally stored file on the electronic device that is owned by a user of the electronic device; and

the second media item corresponds to a preview of a remotely stored file that has not yet been purchased by the user.

22. The non-transitory storage medium of claim 17, including instructions, which when executed by the electronic device, cause the electronic device to:

prior to advancing playback through the second media item, play the first media item in response to detecting one or more inputs to the first media player control, wherein the input corresponding to the second media player control is detected while the device is playing the first media item; and

,

in response to detecting the input while the focus selector is over the second media player control, cease to play the first media item, while maintaining association of the first media player control with the first media item.

23. The non-transitory storage medium of claim 22, including instructions, which when executed by the electronic device, cause the electronic device to:

after ceasing to play the first media item in response to detecting the input while the focus selector is over the second media player control, detect an input on the touch-sensitive surface that corresponds to activation of the first media player control; and

,

in response to detecting the input that corresponds to activation of the first media player control, resume playing the first media item and ceasing to advance playback through the second media item.

24. The non-transitory storage medium of claim 17, wherein:

the media player application includes a plurality of representations of other media items; and

at least a subset of the plurality of representations of other media items each include a respective media player control for controlling playback of a preview of a respective media item associated with the respective media player control in accordance with an intensity of a contact on the touch-sensitive surface while a focus selector is over the respective media player control.