Editing interface

• US 10,620,780 B2
• Filed: 12/27/2013
• Issued: 04/14/2020
• Est. Priority Date: 09/04/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Chaudhri, Imran A., Ording, Bas, Jobs, Steven P.
• Primary Examiner(s): Adediran, Abdul-Samad A
• Application Number:
  US14/142,640
• Publication Number:
  US 20150012853A1
• Time in Patent Office: 2,300 Days
• Field of Search: 345169, 345173, 715840
• CPC Class Codes: G06F 3/016 Input arrangements with force or tactile feedback as computer generated output to the user
• 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/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

Abstract

A portable electronic device displays icons (e.g., graphical objects) in one or more regions of a user interface of a touch-sensitive display, and detects user input specifying an exchange of positions of icons in the user interface. In some aspects, the respective positions of two icons in a user interface can be selected to exchange positions in the one or more regions of the user interface, and one or both icons can change their visual appearance to indicate their selection status.

Claims

1. A portable electronic device comprising:

a touch-sensitive display;

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 first icon in a first position of the touch-sensitive display;

displaying a second icon in a second position of the touch-sensitive display, the second position distinct from the first position;

detecting a touch input on the first icon corresponding to the first position of the touch-sensitive display;

determining whether the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than a predetermined time period;

in accordance with a determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display does not remain in contact with the display for more than the predetermined time period, activating an application associated with the first icon; and

in accordance with a determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than the predetermined time period;

modifying a visual appearance of the first icon;

detecting movement of the touch input from the first position to a position proximate to the second position on the touch-sensitive display, wherein the detected movement of the touch input causes the first icon to be moved from the first position to the position proximate to the second position on the touch-sensitive display; and

in response to detecting movement of the touch input from the first position to the position proximate to the second position on the touch-sensitive display, moving the second icon from the second position to a different position on the touch-sensitive display.

2. The device of claim 1, wherein modifying the visual appearance of the first icon comprises changing a size of the first icon.

3. The device of claim 1, wherein modifying the visual appearance of the first icon comprises changing a color of the first icon.

4. The device of claim 1, wherein modifying the visual appearance of the first icon comprises varying a position of the first icon about its respective average positions.

5. The device of claim 1, wherein modifying the visual appearance of the first icon comprises oscillating the first icon in a region that is substantially centered on the respective average position of the first icon.

6. The device of claim 1, wherein the instructions further comprises:

in response to detecting movement of the touch input from the first position to the position proximate to the second position on the touch-sensitive display, modifying a visual appearance of the second position.

7. The device of claim 6, wherein modifying the visual appearance of the second position comprises displaying a marker indicating at least partially a boundary of the second position.

8. The device of claim 1, wherein the instructions further comprises:

detecting a lift off of the touch input at the second position on the touch-sensitive display; and

in response to detecting the lift off of the touch input at the second position on the touch-sensitive display, displaying the first icon in the second position on the touch-sensitive display and the second icon in the different position on the touch-sensitive display.

9. The device of claim 1, wherein the instructions further comprise:

in accordance with the determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than the predetermined time period;

modifying the visual appearance of the first icon; and

providing a feedback, wherein the feedback comprises at least one of audio feedback and tactile feedback.

10. The device of claim 1, wherein the different position is the first position.

11. The device of claim 1, wherein the first position and the second position are in different regions in the touch-sensitive display, and the second position and the different position are in the same region in the touch-sensitive display.

12. The device of claim 1, wherein detecting movement of the touch input that causes the first icon to be moved from the first position to the position proximate to the second position comprises, determining whether the detected movement of the touch input has touched or crossed a boundary line at least partially surrounding the second position on the touch-sensitive display.

13. The device of claim 1, wherein the first position is in a first region on the touch-sensitive display, the second position on the touch-sensitive display is in a second region on the touch-sensitive display, and the second region comprises a tray, dock or menu bar with a set of icons between the first region and a bottom-edge of the touch-sensitive display.

14. The device of claim 13, wherein the different position is also in the second region on the touch-sensitive display adjacent the second position.

15. A non-transitory computer readable storage medium having one or more programs stored thereon, which, when executed by a portable electronic device with a touch-sensitive display, cause the device to perform operations comprising:

displaying a first icon in a first position of the touch-sensitive display;

displaying a second icon in a second position of the touch-sensitive display, the second position distinct from the first position;

detecting a touch input on the first icon corresponding to the first position on the touch-sensitive display;

determining whether the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than a predetermined time period;

in accordance with a determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display does not remain in contact with the display for more than the predetermined time period, activating an application associated with the first icon; and

in accordance with a determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than the predetermined time period;

modifying a visual appearance of the first icon;

detecting movement of the touch input from the first position to a position proximate to the second position on the touch-sensitive display, wherein the detected movement of the touch input causes the first icon to be moved from the first position to the position proximate to the second position on the touch-sensitive display; and

in response to detecting movement of the touch input from the first position to the position proximate to the second position on the touch-sensitive display, moving the second icon from the second position to a different position on the touch-sensitive display.

16. The medium of claim 15, wherein modifying the visual appearance of the first icon comprises changing a size of the first icon.

17. The medium of claim 15, wherein modifying the visual appearance of the first icon comprises changing a color of the first icon.

18. The medium of claim 15, wherein modifying the visual appearance of the first icon comprises varying a position of the first icon about its respective average positions.

19. The medium of claim 15, wherein the operations further comprise:

in response to detecting movement of the touch input from the first position to the position proximate to the second position on the touch-sensitive display, modifying a visual appearance of the second position.

20. The medium of claim 19, wherein modifying the visual appearance of the second position comprises displaying a marker indicating at least partially a boundary of the second position.

21. The medium of claim 15, wherein the instructions further comprises:

detecting a lift off of the touch input at the second position on the touch-sensitive display; and

in response to detecting the lift off of the touch input at the second position on the touch-sensitive display, displaying the first icon in the second position on the touch-sensitive display and the second icon in the different position on the touch-sensitive display.

22. The medium of claim 15, wherein the instructions further comprise:

in accordance with the determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than the predetermined time period;

modifying the visual appearance of the first icon; and

providing a feedback, wherein the feedback comprises at least one of audio feedback and tactile feedback.

23. The medium of claim 15, wherein the different position is the first position.

24. The medium of claim 15, wherein the first position is in a first region on the touch-sensitive display, the second position on the touch-sensitive display is in a second region on the touch-sensitive display, and the second region comprises a tray, dock or menu bar with a set of icons between the first region and a bottom-edge of the touch-sensitive display.

25. The medium of claim 24, wherein the different position is also in the second region on the touch-sensitive display adjacent the second position.

26. A method comprising:

at a portable electronic device with a touch-sensitive display;

displaying a first icon in a first position of the touch-sensitive display;

displaying a second icon in a second position of the touch-sensitive display, the second position distinct from the first position;

detecting a touch input on the first icon corresponding to the first position on the touch-sensitive display;

determining whether the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than a predetermined time period;

in accordance with a determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display does not remain in contact with the display for more than the predetermined time period, activating an application associated with the first icon; and

in accordance with a determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than the predetermined time period;

modifying a visual appearance of the first icon;

detecting movement of the touch input from the first position to a position proximate to the second position on the touch-sensitive display, wherein the detected movement of the touch input causes the first icon to be moved from the first position to the position proximate to the second position on the touch-sensitive display; and

in response to detecting movement of the touch input from the first position to the position proximate to the second position on the touch-sensitive display, moving the second icon from the second position to a different position on the touch-sensitive display.

27. The method of claim 26, wherein modifying the visual appearance of the first icon comprises changing a size of the first icon.

28. The method of claim 26, wherein modifying the visual appearance of the first icon comprises changing a color of the first icon.

29. The method of claim 26, wherein modifying the visual appearance of the first icon comprises varying a position of the first icon about its respective average positions.

30. The method of claim 26, further comprising:

in response to detecting movement of the touch input from the first position to the position proximate to the second position on the touch-sensitive display, modifying a visual appearance of the second position,

wherein modifying the visual appearance of the second position comprises displaying a marker indicating at least partially a boundary of the second position.

31. The method of claim 26, further comprising:

detecting a lift off of the touch input at the second position on the touch-sensitive display; and

in response to detecting the lift off of the touch input at the second position on the touch-sensitive display, displaying the first icon in the second position on the touch-sensitive display and the second icon in the different position on the touch-sensitive display.

32. The method of claim 26, further comprising:

in accordance with the determination that the touch input on the first icon corresponding to the first position of the touch-sensitive display remains in contact with the display for more than the predetermined time period;

modifying the visual appearance of the first icon; and

providing a feedback, wherein the feedback comprises at least one of audio feedback and tactile feedback.

33. The method of claim 26, wherein the different position is the first position.

34. The method of claim 26, wherein the first position is in a first region on the touch-sensitive display, the second position on the touch-sensitive display is in a second region on the touch-sensitive display, and the second region comprises a tray, dock or menu bar with a set of icons between the first region and a bottom-edge of the touch-sensitive display.

35. The method of claim 34, wherein the different position is also in the second region on the touch-sensitive display adjacent the second position.