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

• US 10,788,965 B2
• Filed: 02/14/2020
• Issued: 09/29/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/791,257
• Publication Number:
  US 20200257434A1
• Time in Patent Office: 228 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 device;

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, via the display device, a plurality of content items in a first layout, wherein the first layout includes;

a first content item of the plurality of content items at a first size; and

a second content item of the plurality of content items at a second size and a first position relative to the first content item, wherein the second content item has a horizontal neighbor and is a vertical neighbor to the first content item in the first layout;

while displaying, via the display device, the plurality of content items in the first layout, detecting a multi-finger gesture made by concurrent contacts on the display device;

in response to detecting the multi-finger gesture, displaying the plurality of content items in a second layout, wherein the second layout includes;

the first content item at a third size, different from the first size; and

the second content item at a fourth size, different from the second size and at a second position relative to the first content item that is different from the first position, wherein the second content item maintains its horizontal neighbor and is not the vertical neighbor of the first content item in the second layout.

2. The electronic device of claim 1, wherein the first content item is located between the concurrent contacts in the first layout.

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

in response to detecting the multi-finger gesture, maintaining a position of the first content item on the display device.

4. The electronic device of claim 1, wherein displaying the first content item in the second layout further includes displaying the first content item in a row of a plurality of rows, wherein the row overlaps a position of the first content item in the first layout.

5. The electronic device of claim 1, wherein a position of the first content item is maintained in a first region on the display device between display of the first layout and display of the second layout while a position of the second content item is moved out of the first region on the display device between display of the first layout and display of the second layout.

6. The electronic device of claim 1, wherein the first layout further includes a third content item that is displayed at a fifth size and at a third position relative to the first content item and wherein the second layout further includes the third content item that is displayed at a sixth size, different than the fifth size, and at a fourth position relative to the first content item that is different than the third position.

7. The electronic device of claim 1, wherein the first layout further includes a fourth content item and a fifth content item that are positioned as horizontal neighbors of the first content item and wherein the second layout further includes the fourth content item and the fifth content item, wherein the fourth content item and the fifth content item maintain their positions as the horizontal neighbors of the first content item in the second layout.

8. The electronic device of claim 7, wherein the fourth content item and the fifth content item maintain their respective positions with respect to the first content item between the first layout and the second layout.

9. The electronic device of claim 1, wherein the size of the first content item and the size of the second content item are changed by the same amount.

10. The electronic device of claim 1, the one or more programs further including instructions for:

subsequent to displaying the second layout detecting a second gesture wherein subsequent to detecting the second gesture, displaying the plurality of content items in a third layout, wherein the third layout includes;

the first content item at a seventh size, different than the third size; and

the second content item at an eighth size, different from the fourth size.

11. A method, comprising:

at an electronic device having a display device;

displaying, via the display device, a plurality of content items in a first layout, wherein the first layout includes;

a first content item of the plurality of content items at a first size; and

a second content item of the plurality of content items at a second size and a first position relative to the first content item, wherein the second content item has a horizontal neighbor and is a vertical neighbor to the first content item in the first layout;

while displaying, via the display device, the plurality of content items in the first layout, detecting a multi-finger gesture made by concurrent contacts on the display device;

in response to detecting the multi-finger gesture, displaying the plurality of content items in a second layout, wherein the second layout includes;

the first content item at a third size, different from the first size; and

the second content item at a fourth size, different from the second size and at a second position relative to the first content item that is different from the first position, wherein the second content item maintains its horizontal neighbor and is not the vertical neighbor of the first content item in the second layout.

12. The method of claim 11, wherein the first content item is located between the concurrent contacts in the first layout.

13. The method of claim 11, the method further comprising:

in response to detecting the multi-finger gesture, maintaining a position of the first content item on the display device.

14. The method of claim 11, wherein displaying the first content item in the second layout further includes displaying the first content item in a row of a plurality of rows, wherein the row overlaps a position of the first content item in the first layout.

15. The method of claim 11, wherein a position of the first content item is maintained in a first region on the display device between display of the first layout and display of the second layout while a position of the second content item is moved out of the first region on the display device between display of the first layout and display of the second layout.

16. The method of claim 11, wherein the first layout further includes a third content item that is displayed at a fifth size and at a third position relative to the first content item and wherein the second layout further includes the third content item that is displayed at a sixth size, different than the fifth size, and at a fourth position relative to the first content item that is different than the third position.

17. The method of claim 11, wherein the first layout further includes a fourth content item and a fifth content item that are positioned as horizontal neighbors of the first content item and wherein the second layout further includes the fourth content item and the fifth content item, wherein the fourth content item and the fifth content item maintain their positions as the horizontal neighbors of the first content item in the second layout.

18. The method of claim 17, wherein the fourth content item and the fifth content item maintain their respective positions with respect to the first content item between the first layout and the second layout.

19. The method of claim 11, wherein the size of the first content item and the size of the second content item are changed by the same amount.

20. The method of claim 11, the method further comprising:

subsequent to displaying the second layout detecting a second gesture wherein subsequent to detecting the second gesture, displaying the plurality of content items in a third layout, wherein the third layout includes;

the first content item at a seventh size, different than the third size; and

the second content item at an eighth size, different from the fourth size.

21. 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 device, the one or more programs including instructions for:

displaying, via the display device, a plurality of content items in a first layout, wherein the first layout includes;

a first content item of the plurality of content items at a first size; and

a second content item of the plurality of content items at a second size and a first position relative to the first content item, wherein the second content item has a horizontal neighbor and is a vertical neighbor to the first content item in the first layout;

while displaying, via the display device, the plurality of content items in the first layout, detecting a multi-finger gesture made by concurrent contacts on the display device;

in response to detecting the multi-finger gesture, displaying the plurality of content items in a second layout, wherein the second layout includes;

the first content item at a third size, different from the first size; and

the second content item at a fourth size, different from the second size and at a second position relative to the first content item that is different from the first position, wherein the second content item maintains its horizontal neighbor and is not the vertical neighbor of the first content item in the second layout.

22. The non-transitory computer-readable storage medium of claim 21, wherein the first content item is located between the concurrent contacts in the first layout.

23. The non-transitory computer-readable storage medium of claim 21, the one or more programs further including instructions for:

in response to detecting the multi-finger gesture, maintaining a position of the first content item on the display device.

24. The non-transitory computer-readable storage medium of claim 21, wherein displaying the first content item in the second layout further includes displaying the first content item in a row of a plurality of rows, wherein the row overlaps a position of the first content item in the first layout.

25. The non-transitory computer-readable storage medium of claim 21, wherein a position of the first content item is maintained in a first region on the display device between display of the first layout and display of the second layout while a position of the second content item is moved out of the first region on the display device between display of the first layout and display of the second layout.

26. The non-transitory computer-readable storage medium of claim 21, wherein the first layout further includes a third content item that is displayed at a fifth size and at a third position relative to the first content item and wherein the second layout further includes the third content item that is displayed at a sixth size, different than the fifth size, and at a fourth position relative to the first content item that is different than the third position.

27. The non-transitory computer-readable storage medium of claim 21, wherein the first layout further includes a fourth content item and a fifth content item that are positioned as horizontal neighbors of the first content item and wherein the second layout further includes the fourth content item and the fifth content item, wherein the fourth content item and the fifth content item maintain their positions as the horizontal neighbors of the first content item in the second layout.

28. The non-transitory computer-readable storage medium of claim 27, wherein the fourth content item and the fifth content item maintain their respective positions with respect to the first content item between the first layout and the second layout.

29. The non-transitory computer-readable storage medium of claim 21, wherein the size of the first content item and the size of the second content item are changed by the same amount.

30. The non-transitory computer-readable storage medium of claim 21, the one or more programs further including instructions for:

subsequent to displaying the second layout detecting a second gesture wherein subsequent to detecting the second gesture, displaying the plurality of content items in a third layout, wherein the third layout includes;

the first content item at a seventh size, different than the third size; and

the second content item at an eighth size, different from the fourth size.