Device, method, and graphical user interface for manipulating user interface objects

• US 10,564,826 B2
• Filed: 05/03/2019
• Issued: 02/18/2020
• Est. Priority Date: 09/22/2009
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Victor, B. Michael
• Primary Examiner(s): Agustin, Peter Vincent
• Application Number:
  US16/403,184
• Publication Number:
  US 20200004409A1
• Time in Patent Office: 291 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 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/041 Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
• 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/0485 Scrolling or panning
• 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: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

A computing device with a touch screen display simultaneously displays on the touch screen display a plurality of user interface objects and at least one destination object. The computing device detects a first input by a user on a destination object displayed on the touch screen display. While continuing to detect the first input by the user on the destination object, the computing device detects a second input by the user on a first user interface object displayed on the touch screen display. In response to detecting the second input by the user on the first user interface object, the computing device performs an action on the first user interface object. The action is associated with the destination object.

Claims

1. An electronic device, comprising:

a display;

one or more processors; and

memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying, on the display, a first plurality of representations of a plurality of content items, the first plurality of representations of the plurality of content items including a first representation of a first content item displayed with a first aspect ratio and a first representation of a second content item displayed with a second aspect ratio different from the first aspect ratio;

displaying, concurrently with the first plurality of representations of the plurality of content items, a selectable user interface object;

while displaying the first plurality of representations of the plurality of content items and the selectable user interface object, detecting an activation of the selectable user interface object; and

in response to detecting the activation of the selectable user interface object, displaying a second plurality of representations of the plurality of content items, the second plurality of representations of the plurality of content items including a second representation of the first content item and a second representation of the second content item, wherein the second representation of the first content item and the second representation of the second content item are displayed with a same aspect ratio.

2. The electronic device of claim 1, wherein displaying the second plurality of representations of the plurality of content items includes rearranging the display of the first plurality of representations of the plurality of content items.

3. The electronic device of claim 1, wherein the one or more programs further include instructions for:

while displaying the second plurality of representations of the plurality of content items, displaying a second selectable user interface object;

while displaying the second plurality of representations of the plurality of content items and the second selectable user interface object, detecting an activation of the second selectable user interface object; and

in response to detecting the activation of the second selectable user interface object, displaying the first plurality of representations of the plurality of content items including the first representation of the first content item displayed with the first aspect ratio and the first representation of the second content item displayed with the second aspect ratio.

4. The electronic device of claim 1, wherein the one or more programs further include instructions for:

before displaying the first plurality of representations of the plurality of content items and the selectable user interface object, displaying a plurality of event icons including an event icon that corresponds to the plurality of content items, wherein displaying the first plurality of representations of the plurality of content items is performed in response to detecting activation of the event icon that corresponds to the plurality of content items.

5. The electronic device of claim 1, wherein the one or more programs further include instructions for:

displaying, concurrently with the second plurality of representations of the plurality of content items, a representative content item that corresponds to the plurality of content items.

6. The electronic device of claim 1, wherein the one or more programs further include instructions for:

while displaying the first plurality of representations of the plurality of content items, detecting a gesture in a direction on the display; and

in response to detecting the gesture in the direction on the display, scrolling the first plurality of representations of the plurality of content items.

7. The electronic device of claim 1, wherein the one or more programs further include instructions for:

while displaying the second plurality of representations of the plurality of content items, detecting a gesture in a direction on the display; and

in response to detecting the gesture in the direction on the display, scrolling the second plurality of representations of the plurality of content items.

8. The electronic device of claim 1, wherein the second representation of the first content item and the second representation of the second content item are displayed with a third aspect ratio that is different from the first aspect ratio and the second aspect ratio.

9. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a display, the one or more programs including instructions for:

displaying, on the display, a first plurality of representations of a plurality of content items, the first plurality of representations of the plurality of content items including a first representation of a first content item displayed with a first aspect ratio and a first representation of a second content item displayed with a second aspect ratio different from the first aspect ratio;

displaying, concurrently with the first plurality of representations of the plurality of content items, a selectable user interface object;

while displaying the first plurality of representations of the plurality of content items and the selectable user interface object, detecting an activation of the selectable user interface object; and

in response to detecting the activation of the selectable user interface object, displaying a second plurality of representations of the plurality of content items, the second plurality of representations of the plurality of content items including a second representation of the first content item and a second representation of the second content item, wherein the second representation of the first content item and the second representation of the second content item are displayed with a same aspect ratio.

10. The non-transitory computer readable storage medium of claim 9, wherein displaying the second plurality of representations of the plurality of content items includes rearranging the display of the first plurality of representations of the plurality of content items.

11. The non-transitory computer readable storage medium of claim 9, wherein the one or more programs further include instructions for:

while displaying the second plurality of representations of the plurality of content items, displaying a second selectable user interface object;

while displaying the second plurality of representations of the plurality of content items and the second selectable user interface object, detecting an activation of the second selectable user interface object; and

in response to detecting the activation of the second selectable user interface object, displaying the first plurality of representations of the plurality of content items including the first representation of the first content item displayed with the first aspect ratio and the first representation of the second content item displayed with the second aspect ratio.

12. The non-transitory computer readable storage medium of claim 9, wherein the one or more programs further include instructions for:

before displaying the first plurality of representations of the plurality of content items and the selectable user interface object, displaying a plurality of event icons including an event icon that corresponds to the plurality of content items, wherein displaying the first plurality of representations of the plurality of content items is performed in response to detecting activation of the event icon that corresponds to the plurality of content items.

13. The non-transitory computer readable storage medium of claim 9, wherein the one or more programs further include instructions for:

displaying, concurrently with the second plurality of representations of the plurality of content items, a representative content item that corresponds to the plurality of content items.

14. The non-transitory computer readable storage medium of claim 9, wherein the one or more programs further include instructions for:

while displaying the first plurality of representations of the plurality of content items, detecting a gesture in a direction on the display; and

in response to detecting the gesture in the direction on the display, scrolling the first plurality of representations of the plurality of content items.

15. The non-transitory computer readable storage medium of claim 9, wherein the one or more programs further include instructions for:

while displaying the second plurality of representations of the plurality of content items, detecting a gesture in a direction on the display; and

in response to detecting the gesture in the direction on the display, scrolling the second plurality of representations of the plurality of content items.

16. The non-transitory computer readable storage medium of claim 9, wherein the second representation of the first content item and the second representation of the second content item are displayed with a third aspect ratio that is different from the first aspect ratio and the second aspect ratio.

17. A method, comprising:

at an electronic device with a display;

displaying, on the display, a first plurality of representations of a plurality of content items, the first plurality of representations of the plurality of content items including a first representation of a first content item displayed with a first aspect ratio and a first representation of a second content item displayed with a second aspect ratio different from the first aspect ratio;

displaying, concurrently with the first plurality of representations of the plurality of content items, a selectable user interface object;

while displaying the first plurality of representations of the plurality of content items and the selectable user interface object, detecting an activation of the selectable user interface object; and

in response to detecting the activation of the selectable user interface object, displaying a second plurality of representations of the plurality of content items, the second plurality of representations of the plurality of content items including a second representation of the first content item and a second representation of the second content item, wherein the second representation of the first content item and the second representation of the second content item are displayed with a same aspect ratio.

18. The method of claim 17, wherein displaying the second plurality of representations of the plurality of content items includes rearranging the display of the first plurality of representations of the plurality of content items.

19. The method of claim 17, further comprising:

while displaying the second plurality of representations of the plurality of content items, displaying a second selectable user interface object;

while displaying the second plurality of representations of the plurality of content items and the second selectable user interface object, detecting an activation of the second selectable user interface object; and

in response to detecting the activation of the second selectable user interface object, displaying the first plurality of representations of the plurality of content items including the first representation of the first content item displayed with the first aspect ratio and the first representation of the second content item displayed with the second aspect ratio.

20. The method of claim 17, further comprising:

before displaying the first plurality of representations of the plurality of content items and the selectable user interface object, displaying a plurality of event icons including an event icon that corresponds to the plurality of content items, wherein displaying the first plurality of representations of the plurality of content items is performed in response to detecting activation of the event icon that corresponds to the plurality of content items.

21. The method of claim 17, further comprising:

displaying, concurrently with the second plurality of representations of the plurality of content items, a representative content item that corresponds to the plurality of content items.

22. The method of claim 17, further comprising:

while displaying the first plurality of representations of the plurality of content items, detecting a gesture in a direction on the display; and

in response to detecting the gesture in the direction on the display, scrolling the first plurality of representations of the plurality of content items.

23. The method of claim 17, further comprising:

while displaying the second plurality of representations of the plurality of content items, detecting a gesture in a direction on the display; and

in response to detecting the gesture in the direction on the display, scrolling the second plurality of representations of the plurality of content items.

24. The method of claim 17, wherein the second representation of the first content item and the second representation of the second content item are displayed with a third aspect ratio that is different from the first aspect ratio and the second aspect ratio.