Editing interface

• US 11,010,017 B2
• Filed: 04/24/2014
• Issued: 05/18/2021
• 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): Awad, Amr A
• Application Number:
  US14/261,112
• Publication Number:
  US 20140237360A1
• Time in Patent Office: 2,581 Days
• Field of Search: 345173
• 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 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;

concurrently displaying a plurality of application icons;

while concurrently displaying the plurality of application icons;

detecting a touch input on a first application icon from the plurality of application icons located in a first position on the touch-sensitive display;

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

in response to a determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for less than the predetermined time period, activating an application associated with the first application icon;

in response to a determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period, modifying a visual appearance of the first application icon automatically upon the determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period;

after determining that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period, detecting movement of the touch input from the first position to a second position on the touch-sensitive display, wherein the detected movement of the touch input causes the first application icon to be moved from the first position to the second position on the touch-sensitive display such that the first application icon ceases to be displayed in the first position;

in response to detecting movement of the touch input from the first position to the second position on the touch-sensitive display, modifying a visual appearance of the second position while concurrently displaying the first application icon at the second position;

after modifying a visual appearance of the second position while concurrently displaying the first application icon at the second position, 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, continuing to display the first application icon in the second position on the touch-sensitive display.

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

providing feedback to a user in response to displaying the first application icon in the second position.

3. The device of claim 2, wherein the feedback comprises at least one of audio feedback and tactile feedback.

4. The device of claim 1, wherein modifying the visual appearance of the second position comprises displaying a marker.

5. The device of claim 1, wherein modifying the visual appearance of the second position comprises displaying a line indicating at least partially a boundary of the second position.

6. The device of claim 1, wherein the second position is occupied by a second application icon prior to the first application icon being moved to the second position.

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

displaying a second application icon on the touch-sensitive display;

detecting movement of the touch input that causes the first application icon to be moved from the first position to a position within a proximity of the second application icon on the touch-sensitive display; and

in response to detecting movement of the touch input that causes the first application icon to be moved from the first position to the position within a proximity of the second application icon on the touch-sensitive display, modifying a visual appearance of the second application icon.

8. The device of claim 7, wherein modifying the visual appearance of the second application icon comprises at least one of:

applying a glowing effect to the second application icon, and

exchanging positions of the first and second application icons.

9. The device of claim 1, wherein the touch-sensitive display is a multi-touch-sensitive display that is responsive to finger gestures.

10. The device of claim 1;

wherein modifying the visual appearance of the first application icon comprises scaling the first application icon to a different size.

11. The device of claim 1, wherein detecting movement of the touch input that causes the first application icon to be moved from the first position 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.

12. The device of claim 1;

wherein the touch input on the touch-sensitive display that causes the first application icon to be selected is a stationary touch contact with the touch-sensitive display on the first application icon that lasts for more than the predefined time period.

13. The device of claim 1, wherein modifying a visual appearance of the first application icon includes continuing to fully display the first application icon.

14. 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:

concurrently displaying a plurality of application icons;

while concurrently displaying the plurality of application icons;

detecting a touch input on a first application icon from the plurality of application icons located in a first position on the touch-sensitive display;

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

in response to a determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for less than the predetermined time period, activating an application associated with the first application icon;

in response to a determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period, modifying a visual appearance of the first application icon automatically upon the determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period;

after determining that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period, detecting movement of the touch input from the first position to a second position on the touch-sensitive display, wherein the detected movement of the touch input causes the first application icon to be moved from the first position to the second position on the touch-sensitive display such that the first application icon ceases to be displayed in the first position;

in response to detecting movement of the touch input from the first position to the second position on the touch-sensitive display, modifying a visual appearance of the second position while concurrently displaying the first application icon at the second position;

after modifying a visual appearance of the second position while concurrently displaying the first application icon at the second position, 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, continuing to display the first application icon in the second position on the touch-sensitive display.

15. The storage medium of claim 14, wherein the operations further comprises:

providing feedback to a user in response to displaying the first application icon in the second position.

16. The storage medium of claim 15, wherein the feedback comprises at least one of audio feedback and tactile feedback.

17. The storage medium of claim 14, wherein modifying the visual appearance of the second position comprises displaying a marker.

18. The storage medium of claim 14, wherein modifying the visual appearance of the second position comprises displaying a line indicating at least partially a boundary of the second position.

19. The storage medium of claim 14, wherein the second position is occupied by a second application icon prior to the first application icon being moved to the second position.

20. The storage medium of claim 14, wherein the operations further comprises:

displaying a second application icon on the touch-sensitive display;

detecting movement of the touch input that causes the first application icon to be moved from the first position to a position within a proximity of the second application icon on the touch-sensitive display; and

in response to detecting movement of the touch input that causes the first application icon to be moved from the first position to the position within a proximity of the second application icon on the touch-sensitive display, modifying a visual appearance of the second application icon.

21. The storage medium of claim 20, wherein modifying the visual appearance of the second application icon comprises at least one of:

applying a glowing effect to the second application icon, and

exchanging positions of the first and second application icons.

22. The storage medium of claim 14, wherein the touch-sensitive display is a multi-touch-sensitive display that is responsive to finger gestures.

23. The storage medium of claim 14, wherein modifying the visual appearance of the first application icon comprises scaling the first application icon to a different size.

24. The storage medium of claim 14, wherein detecting movement of the touch input that causes the first application icon to be moved from the first position 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.

25. The storage medium of claim 14, wherein the touch input on the touch-sensitive display that causes the first application icon to be selected is a stationary touch contact with the touch-sensitive display on the first application icon that lasts for more than the predefined time period.

26. The storage medium of claim 14, wherein modifying a visual appearance of the first application icon includes continuing to fully display the first application icon.

27. A method comprising:

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

concurrently displaying a plurality of application icons;

while concurrently displaying the plurality of application icons;

detecting a touch input on a first application icon from the plurality of application icons located in a first position on the touch-sensitive display;

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

in response to a determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for less than the predetermined time period, activating an application associated with the first application icon;

in response to a determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period, modifying a visual appearance of the first application icon automatically upon the determination that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period;

after determining that the touch input on the first application icon located in the first position on the touch-sensitive display remains in contact with the display for more than the predetermined time period, detecting movement of the touch input from the first position to a second position on the touch-sensitive display, wherein the detected movement of the touch input causes the first application icon to be moved from the first position to the second position on the touch-sensitive display such that the first application icon ceases to be displayed in the first position;

in response to detecting movement of the touch input from the first position to the second position on the touch-sensitive display, modifying a visual appearance of the second position while concurrently displaying the first application icon at the second position;

after modifying a visual appearance of the second position while concurrently displaying the first application icon at the second position, 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, continuing to display the first application icon in the second position on the touch-sensitive display.

28. The method of claim 27, wherein the second position is occupied by a second application icon prior to the first application icon being moved to the second position.

29. The method of claim 27, wherein modifying the visual appearance of the second position comprises displaying a marker.

30. The method of claim 27, wherein the touch input on the touch-sensitive display that causes the first application icon to be selected is a stationary touch contact with the touch-sensitive display on the first application icon that lasts for more than the predefined time period.

31. The method of claim 27, wherein modifying the visual appearance of the second position comprises displaying a line indicating at least partially a boundary of the second position.

32. The method of claim 27, wherein modifying a visual appearance of the first application icon includes continuing to fully display the first application icon.