Portable multifunction device, method, and graphical user interface supporting user navigations of graphical objects on a touch screen display

• US 10,732,821 B2
• Filed: 04/08/2019
• Issued: 08/04/2020
• Est. Priority Date: 01/07/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Platzer, Andrew Emilio, Pisula, Charles J., Chaudhri, Imran, Jobs, Steven P., Christie, Gregory, Forstall, Scott, Lemay, Stephen O., Matas, Michael, Novick, Gregory, Van Os, Marcel
• Primary Examiner(s): Giesy, Adam R.
• Application Number:
  US16/378,291
• Publication Number:
  US 20190235724A1
• Time in Patent Office: 484 Days
• CPC Class Codes: G06F 1/1626 with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
• CPC Class Codes: G06F 1/1656 Details related to functional adaptations of the enclosure, e.g. to provide protection against EMI, shock, water, or to host detachable peripherals like a mouse or removable expansions units like PCMCIA cards, or to provide access to internal components for maintenance or to removable storage supports like CDs or DVDs, or to mechanically mount accessories mounting of accessories to a computer display G06F1/1607; display hoods G06F1/1603; cooling arrangements for portable computers G06F1/203
• CPC Class Codes: G06F 1/1684 Constructional details or arrangements related to integrated I/O peripherals not covered by groups G06F1/1635 - G06F1/1675
• CPC Class Codes: G06F 2200/1614 Image rotation following screen orientation, e.g. switching from landscape to portrait mode
• CPC Class Codes: G06F 3/0412 Digitisers structurally integrated in a display
• 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/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
• CPC Class Codes: H04M 1/67 by electronic means
• CPC Class Codes: H04M 1/72403 with means for local support of applications that increase the functionality
• CPC Class Codes: H04M 1/72436 for text messaging, e.g. short messaging services [SMS] or e-mails
• CPC Class Codes: H04M 1/72442 for playing music files
• CPC Class Codes: H04M 1/72448 with means for adapting the functionality of the device according to specific conditions
• CPC Class Codes: H04M 1/72466 with selection means, e.g. keys, having functions defined by the mode or the status of the device
• CPC Class Codes: H04M 1/72469 for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
• CPC Class Codes: H04M 2250/12 including a sensor for measuring a physical value, e.g. temperature or motion telephones including GPS signal receivers H04M2250/10
• CPC Class Codes: H04M 2250/22 including a touch pad, a touch sensor or a touch detector digitizers for touch screens G06F3/041

Abstract

A portable multifunction device displays a first user interface object and a second user interface object on a touch screen display. Upon detecting a finger-down event at the first user interface object and one or more finger-dragging events on the touch screen display, the device moves the first user interface object on the touch screen display along a path determined by the finger-dragging events until the first user interface object at least in part overlaps the second user interface object. Upon detecting a finger-up event at the second user interface object, the device visually replaces the second user interface object with the first user interface object.

Claims

1. 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 touch screen display, the one or more programs including instructions for:

displaying a plurality of media category icons on the touch screen display, including a first media category icon at a first location and a second media category icon at a second location, wherein activation of respective media category icon in the plurality of media category icons causes display of respective organizations of selections in a digital music library;

while displaying the plurality of media category icons, detecting activation of an edit affordance;

in response to activation of the edit affordance, concurrently displaying;

a first move affordance corresponding to the first media category icon, and

a second move affordance corresponding to the second media category icon;

detecting, on the touch screen display, a drag gesture, the drag gesture starting on the first move affordance and including movement to the second location; and

in response to detecting the drag gesture;

displaying movement of the first media category icon from the first location to the second location in accordance with the drag gesture; and

displaying movement of the second media category icon from the second location to the first location.

2. The non-transitory computer-readable storage medium of claim 1, further in response to activation of the edit affordance, the one or more programs including instructions for displaying:

a first delete affordance corresponding to the first media category icon, wherein the first delete affordance, when activated, removes the first media category icon from the plurality of media category icons for display.

3. The non-transitory computer-readable storage medium of claim 2, further in response to activation of the edit affordance, the one or more programs including instructions for displaying:

a second delete affordance corresponding to the second media category icon, wherein the second delete affordance, when activated, removes the second media category icon from the plurality of media category icons for display.

4. The non-transitory computer-readable storage medium of claim 1, further in response to detecting the drag gesture, the one or more programs including instructions for:

displaying the first media category icon in a manner visually distinguishablefrom other media category icons on the touch screen display.

5. The non-transitory computer-readable storage medium of claim 1, wherein the first media category icon is displayed in a first form before detecting the drag gesture and in a second form after detecting the drag gesture;

and the second form is visually different from the first form.

6. The non-transitory computer-readable storage medium of claim 1, further in response to activation of the edit affordance, the one or more programs including instructions for:

removing display of the edit affordance; and

displaying a done affordance.

7. The non-transitory computer-readable storage medium of claim 6, further comprising in response to activation of the done affordance, the one or more programs including instructions for:

displaying the edit affordance;

removing concurrent display of;

the done affordance; and

one or more delete affordances corresponding to respective plurality of media category icons.

8. An electronic device, comprising:

a touch screen 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 a plurality of media category icons on the touch screen display, including a first media category icon at a first location and a second media category icon at a second location, wherein activation of respective media category icon in the plurality of media category icons causes display of respective organizations of selections in a digital music library;

while displaying the plurality of media category icons, detecting activation of an edit affordance;

in response to activation of the edit affordance, concurrently displaying;

a first move affordance corresponding to the first media category icon, and

a second move affordance corresponding to the second media category icon;

detecting, on the touch screen display, a drag gesture, the drag gesture starting on the first move affordance and including movement to the second location; and

in response to detecting the drag gesture;

displaying movement of the first media category icon from the first location to the second location in accordance with the drag gesture; and

displaying movement of the second media category icon from the second location to the first location.

9. The electronic device of claim 8, further in response to activation of the edit affordance, the one or more programs including instructions for displaying:

a first delete affordance corresponding to the first media category icon, wherein the first delete affordance, when activated, removes the first media category icon from the plurality of media category icons for display.

10. The electronic device of claim 9, further in response to activation of the edit affordance, the one or more programs including instructions for displaying:

a second delete affordance corresponding to the second media category icon, wherein the second delete affordance, when activated, removes the second media category icon from the plurality of media category icons for display.

11. The electronic device of claim 8, further in response to detecting the drag gesture, the one or more programs including instructions for:

displaying the first media category icon in a manner visually distinguishable from other media category icons on the touch screen display.

12. The electronic device of claim 8, wherein the first media category icon is displayed in a first form before detecting the drag gesture and in a second form after detecting the drag gesture, and the second form is visually different from the first form.

13. The electronic device of claim 8, further in response to activation of the edit affordance, the one or more programs including instructions for:

removing display of the edit affordance; and

displaying a done affordance.

14. The electronic device of claim 13, further comprising in response to activation of the done affordance, the one or more programs including instructions for:

displaying the edit affordance;

removing concurrent display of;

the done affordance; and

one or more delete affordances corresponding to respective plurality of media category icons.

15. A method, comprising:

at an electronic device with a touch screen display;

displaying a plurality of media category icons on the touch screen display, including a first media category icon at a first location and a second media category icon at a second location, wherein activation of respective media category icon in the plurality of media category icons causes display of respective organizations of selections in a digital music library;

while displaying the plurality of media category icons, detecting activation of an edit affordance;

in response to activation of the edit affordance, concurrently displaying;

a first move affordance corresponding to the first media category icon, and

a second move affordance corresponding to the second media category icon;

detecting, on the touch screen display, a drag gesture, the drag gesture starting on the first move affordance and including movement to the second location; and

in response to detecting the drag gesture;

displaying movement of the first media category icon from the first location to the second location in accordance with the drag gesture; and

displaying movement of the second media category icon from the second location to the first location.

16. The method of claim 15, further in response to activation of the edit affordance, concurrently displaying:

a first delete affordance corresponding to the first media category icon, wherein the first delete affordance, when activated, removes the first media category icon from the plurality of media category icons for display.

17. The method of claim 16, further in response to activation of the edit affordance, concurrently displaying:

a second delete affordance corresponding to the second media category icon, wherein the second delete affordance, when activated, removes the second media category icon from the plurality of media category icons for display.

18. The method of claim 15, further in response to detecting the drag gesture:

displaying the first media category icon in a manner visually distinguishable from other media category icons on the touch screen display.

19. The method of claim 15, wherein the first media category icon is displayed in a first form before detecting the drag gesture and in a second form after detecting the drag gesture, and the second form is visually different from the first form.

20. The method of claim 15, further in response to activation of the edit affordance:

removing display of the edit affordance; and

displaying a done affordance.

21. The method of claim 20, further comprising in response to activation of the done affordance:

displaying the edit affordance;

removing concurrent display of;

the done affordance; and

one or more delete affordances corresponding to respective plurality of media category icons.