Device, method, and graphical user interface for displaying user interface objects corresponding to an application

• US 10,073,615 B2
• Filed: 09/16/2015
• Issued: 09/11/2018
• Est. Priority Date: 05/09/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Bernstein, Jeffrey Traer, Cieplinski, Avi E., Khoe, May-Li
• Primary Examiner(s): To, Jennifer N
• Assistant Examiner(s): Spratt, Beau D
• Application Number:
  US14/856,519
• Publication Number:
  US 20160004428A1
• Time in Patent Office: 1,091 Days
• Field of Search: None
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/03547 Touch pads, in which fingers can move on a surface
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• 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 with a touch-sensitive surface and a display, that includes one or more sensors to detect intensity of contacts with the touch-sensitive surface, displays a plurality of application icons, where the plurality of application icons include a respective application icon corresponding to a respective application. While a focus selector is over the respective application icon, the device detects a gesture that includes a contact on the touch-sensitive surface; and in response to detecting the gesture: when the contact had a maximum intensity during the gesture that was below a respective intensity threshold, the device displays an application window of the respective application; and when the contact reached an intensity during the gesture that was above the respective intensity threshold, the device displays a plurality of user interface objects that correspond to the respective application.

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 intensities of contacts with the touch-sensitive surface;

displaying a frame for previewing content, wherein the frame corresponds to a sequence of related content items that include a first content item and a second content item, wherein the first content item is adjacent to the second content item in the sequence;

while a first preview of the first content item is displayed in the frame, detecting an increase in intensity of a contact while the contact is at a first position on the touch-sensitive surface that corresponds to the frame;

in response to detecting the increase in intensity of the contact while the contact is at the first position on the touch-sensitive surface that corresponds to the frame, displaying a second preview of the first content item increasing to a size that is larger than a size of the frame, wherein after the size increase of the first content item, the second preview of the first content item is displayed in an enlarged preview area on the same display;

while displaying the second preview of the first content item at the size that is larger than the size of the frame in the enlarged preview area on the display, detecting lateral movement of the contact across the touch-sensitive surface that corresponds to movement in a first direction across the display from the first position at which the increase in intensity of the contact that caused the second preview of the first content item to be displayed was detected to a second position on the touch-sensitive surface that is different from the first position;

in response to detecting the lateral movement of the contact across the touch-sensitive surface that corresponds to movement in the first direction from the first position to the second position, switching from displaying the second preview of the first content item to displaying a first preview of the second content item at a size that is larger than the size of the frame, wherein the first preview of the second content item is displayed in the enlarged preview area on the display;

while displaying the first preview of the second content item in the enlarged preview area on the display and while the contact is at the second position on the touch-sensitive surface, detecting a decrease in intensity of the contact; and

,

in response to detecting the decrease in intensity of the contact, shrinking the enlarged preview area toward the frame for previewing content.

2. The method of claim 1, wherein the contact is a single unbroken contact from a point in time when the movement of the contact across the touch-sensitive surface is detected to a point in time when the decrease in intensity of the contact is detected.

3. The method of claim 1, wherein detecting the decrease in intensity of the contact includes detecting liftoff of the contact.

4. The method of claim 1, wherein detecting the decrease in intensity of the contact includes detecting a decrease in intensity of the contact while continuing to detect the contact on the touch-sensitive surface.

5. The method of claim 1, wherein displaying the second preview of the first content increasing to the size that is larger than the size of the frame includes displaying an animation of the second preview increasing in size in accordance with the intensity of the contact.

6. The method of claim 1, including:

detecting additional movement of the contact corresponding to lateral movement of a focus selector on the display; and

,

in response to detecting the additional movement of the contact;

in accordance with detecting the additional movement while displaying the first preview of the first content item in the frame, ceasing to display the first preview of the first content item and sequentially displaying, in the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across the frame; and

,

in accordance with detecting the additional movement while displaying the second preview of the first content item at the size that is larger than the size of the frame, maintaining display of the second preview of the first content item on the display.

7. The method of claim 6, wherein the additional movement is in a direction opposite the first direction.

8. The method of claim 1, including:

detecting additional movement of the contact corresponding to lateral movement of a focus selector on the display; and

,

in response to detecting the additional movement of the contact;

in accordance with detecting the additional movement while displaying the first preview of the first content item in the frame, ceasing to display the first preview of the first content item and sequentially displaying, in the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across the frame; and

,

in accordance with detecting the additional movement while displaying the second preview of the first content item at the size that is larger than the size of the frame, ceasing to display the second preview of the first content item and sequentially displaying, at the size that is larger than the size of the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across a region of the display corresponding to the frame.

9. The method of claim 1, wherein the first direction is a leftward lateral direction.

10. The method of claim 1, wherein the first direction is a rightward lateral direction.

11. The method of claim 1, wherein at least a portion of the first preview of the first content item is displayed concurrently with the second preview of the first content item that is displayed at a size that is larger than the size of the frame, and at least a portion of a second preview of the second content item is displayed concurrently with the first preview of the second content item that is displayed at a size that is larger than the size of the frame.

12. An electronic device, comprising:

a display;

a touch-sensitive surface;

one or more sensors to detect intensities 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 a frame for previewing content, wherein the frame corresponds to a sequence of related content items that include a first content item and a second content item, wherein the first content item is adjacent to the second content item in the sequence;

while a first preview of the first content item is displayed in the frame, detecting an increase in intensity of a contact while the contact is at a first position on the touch-sensitive surface that corresponds to the frame;

in response to detecting the increase in intensity of the contact while the contact is at the first position on the touch-sensitive surface that corresponds to the frame, displaying a second preview of the first content item increasing to a size that is larger than a size of the frame, wherein after the size increase of the first content item, the second preview of the first content item is displayed in an enlarged preview area on the same display;

while displaying the second preview of the first content item at the size that is larger than the size of the frame in the enlarged preview area on the display, detecting lateral movement of the contact across the touch-sensitive surface that corresponds to movement in a first direction across the display from the first position at which the increase in intensity of the contact that caused the second preview of the first content item to be displayed was detected to a second position on the touch-sensitive surface that is different from the first position;

in response to detecting the lateral movement of the contact across the touch-sensitive surface that corresponds to movement in the first direction from the first position to the second position, switching from displaying the second preview of the first content item to displaying a first preview of the second content item at a size that is larger than the size of the frame, wherein the first preview of the second content item is displayed in the enlarged preview area on the display;

while displaying the first preview of the second content item in the enlarged preview area on the display and while the contact is at the second position on the touch-sensitive surface, detecting a decrease in intensity of the contact; and

,

in response to detecting the decrease in intensity of the contact, shrinking the enlarged preview area toward the frame for previewing content.

13. The device of claim 12, wherein the contact is a single unbroken contact from a point in time when the movement of the contact across the touch-sensitive surface is detected to a point in time when the decrease in intensity of the contact is detected.

14. The device of claim 12, wherein detecting the decrease in intensity of the contact includes detecting liftoff of the contact.

15. The device of claim 12, wherein detecting the decrease in intensity of the contact includes detecting a decrease in intensity of the contact while continuing to detect the contact on the touch-sensitive surface.

16. The device of claim 12, wherein displaying the second preview of the first content increasing to the size that is larger than the size of the frame includes displaying an animation of the second preview increasing in size in accordance with the intensity of the contact.

17. The device of claim 12, including instructions for:

detecting additional movement of the contact corresponding to lateral movement of a focus selector on the display; and

,

in response to detecting the additional movement of the contact;

in accordance with detecting the additional movement while displaying the first preview of the first content item in the frame, ceasing to display the first preview of the first content item and sequentially displaying, in the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across the frame; and

,

in accordance with detecting the additional movement while displaying the second preview of the first content item at the size that is larger than the size of the frame, maintaining display of the second preview of the first content item on the display.

18. The device of claim 12, including instructions for:

detecting additional movement of the contact corresponding to lateral movement of a focus selector on the display; and

,

in response to detecting the additional movement of the contact;

in accordance with detecting the additional movement while displaying the first preview of the first content item in the frame, ceasing to display the first preview of the first content item and sequentially displaying, in the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across the frame; and

,

in accordance with detecting the additional movement while displaying the second preview of the first content item at the size that is larger than the size of the frame, ceasing to display the second preview of the first content item and sequentially displaying, at the size that is larger than the size of the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across a region of the display corresponding to the frame.

19. The device of claim 12, wherein at least a portion of the first preview of the first content item is displayed concurrently with the second preview of the first content item that is displayed at a size that is larger than the size of the frame, and at least a portion of a second preview of the second content item is displayed concurrently with while the first preview of the second content item that is displayed at a size that is larger than the size of the frame.

20. 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 intensities of contacts with the touch-sensitive surface, cause the electronic device to:

display a frame for previewing content, wherein the frame corresponds to a sequence of related content items that include a first content item and a second content item, wherein the first content item is adjacent to the second content item in the sequence;

while a first preview of the first content item is displayed in the frame, detect an increase in intensity of a contact while the contact is at a first position on the touch-sensitive surface that corresponds to the frame;

in response to detecting the increase in intensity of the contact while the contact is at the first position on the touch-sensitive surface that corresponds to the frame, display a second preview of the first content item increasing to a size that is larger than a size of the frame, wherein after the size increase of the first content item, the second preview of the first content item is displayed in an enlarged preview area on the same display;

while displaying the second preview of the first content item at the size that is larger than the size of the frame in the enlarged preview area on the display, detect lateral movement of the contact across the touch-sensitive surface that corresponds to movement in a first direction across the display from the first position at which the increase in intensity of the contact that caused the second preview of the first content item to be displayed was detected to a second position on the touch-sensitive surface that is different from the first position;

in response to detecting the lateral movement of the contact across the touch-sensitive surface that corresponds to movement in the first direction from the first position to the second position, switch from displaying the second preview of the first content item to displaying a first preview of the second content item at a size that is larger than the size of the frame, wherein the first preview of the second content item is displayed in the enlarged preview area on the display;

while displaying the first preview of the second content item in the enlarged preview area on the display and while the contact is at the second position on the touch-sensitive surface, detect a decrease in intensity of the contact; and

,

in response to detecting the decrease in intensity of the contact, shrink the enlarged preview area toward the frame for previewing content.

21. The computer readable storage medium of claim 20, wherein the contact is a single unbroken contact from a point in time when the movement of the contact across the touch-sensitive surface is detected to a point in time when the decrease in intensity of the contact is detected.

22. The computer readable storage medium of claim 20, wherein detecting the decrease in intensity of the contact includes detecting liftoff of the contact.

23. The computer readable storage medium of claim 20, wherein detecting the decrease in intensity of the contact includes detecting a decrease in intensity of the contact while continuing to detect the contact on the touch-sensitive surface.

24. The computer readable storage medium of claim 20, wherein displaying the second preview of the first content increasing to the size that is larger than the size of the frame includes displaying an animation of the second preview increasing in size in accordance with the intensity of the contact.

25. The computer readable storage medium of claim 20, including instructions which, when executed by the electronic device, cause the electronic device to:

detect additional movement of the contact corresponding to lateral movement of a focus selector on the display; and

,

in response to detecting the additional movement of the contact;

in accordance with detecting the additional movement while displaying the first preview of the first content item in the frame, cease to display the first preview of the first content item and sequentially display, in the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across the frame; and

,

in accordance with detecting the additional movement while displaying the second preview of the first content item at the size that is larger than the size of the frame, maintain display of the second preview of the first content item on the display.

26. The computer readable storage medium of claim 20, including instructions which, when executed by the electronic device, cause the electronic device to:

detect additional movement of the contact corresponding to lateral movement of a focus selector on the display; and

,

in response to detecting the additional movement of the contact;

in accordance with detecting the additional movement while displaying the first preview of the first content item in the frame, cease to display the first preview of the first content item and sequentially display, in the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across the frame; and

,

in accordance with detecting the additional movement while displaying the second preview of the first content item at the size that is larger than the size of the frame, cease to display the second preview of the first content item and sequentially display, at the size that is larger than the size of the frame, previews of respective content items in the sequence of related content items in accordance with the movement of the focus selector across a region of the display corresponding to the frame.

27. The computer readable storage medium of claim 20, wherein at least a portion of the first preview of the first content item is displayed concurrently with the second preview of the first content item that is displayed at a size that is larger than the size of the frame, and at least a portion of a second preview of the second content item is displayed concurrently with while the first preview of the second content item that is displayed at a size that is larger than the size of the frame.