Methods and Graphical User Interfaces for Editing on a Multifunction Device with a Touch Screen Display

• US 20100235770A1
• Filed: 09/24/2009
• Published: 09/16/2010
• Est. Priority Date: 03/16/2009
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Ording, Bas, Williamson, Richard, Forstall, Scott, van Os, Marcel, Moore, Bradford Allen, Kocienda, Kenneth L.
• Granted Patent: US 8,255,830 B2
• Time in Patent Office: Days
• US Class Current: 715/765
• 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 2203/04805 Virtual magnifying lens, i.e. window or frame movable on top of displayed information to enlarge it for better reading or selection
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• 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/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• 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/72436 for text messaging, e.g. short messaging services [SMS] or e-mails
• CPC Class Codes: H04M 1/72445 for supporting Internet browser applications
• CPC Class Codes: H04M 2250/22 including a touch pad, a touch sensor or a touch detector digitizers for touch screens G06F3/041
• CPC Class Codes: H04M 2250/70 methods for entering alphabetical characters, e.g. multi-tap or dictionary disambiguation methods for entering alphabetical characters per se G06F3/0237

Abstract

In some embodiments, a device displays content on a touch screen display and detects input by finger gestures. In response to the finger gestures, the device selects content, visually distinguishes the selected content, and/or updates the selected content based on detected input. In some embodiments, the device displays a command display area that includes one or more command icons; detects activation of a command icon in the command display area; and, in response to detecting activation of the command icon in the command display area, performs a corresponding action with respect to the selected content. Exemplary actions include cutting, copying, and pasting content.

Claims

1. A method, comprising:

at a multifunction device with a touch screen display;

displaying editable content on the touch screen display at a first magnification;

detecting a finger gesture on the editable content;

in response to detecting the finger gesture on the editable content;

expanding a portion of the editable content on the touch screen display to a second magnification that is greater than the first magnification while continuing to display at least some of the editable content at the first magnification; and

displaying a content magnifier that displays

the expanded portion of the editable content and

an insertion marker at a first location within the expanded portion of the editable content;

detecting movement of a finger contact across the touch screen display;

moving the content magnifier and changing the expanded portion of the editable content in accordance with the detected movement of the finger contact;

moving the insertion marker from the first location to a second location within the expanded portion of the editable content in accordance with the detected movement of the finger contact;

detecting lift off of the finger contact while the insertion marker is located at the second location within the expanded portion of the editable content; and

,

in response to detecting lift off of the finger contact;

ceasing to display the content magnifier and the expanded portion of the editable content;

displaying the insertion marker at a current location in the editable content at the first magnification, wherein the current location corresponds to the second location within the expanded portion of the editable content; and

displaying a first command display area adjacent to the insertion marker, wherein the first command display area includes an icon for selecting content associated with the current location of the insertion marker.

2. The method of claim 1, wherein the finger gesture on the editable content is a press and hold gesture.

3. The method of claim 1, wherein the expanded portion of the editable content displayed in the content magnifier includes portions of at least three horizontal lines of text displayed concurrently.

4. The method of claim 1, including:

in response to detecting lift off of the finger contact;

displaying an animation of the expanded portion of the editable content shrinking into the insertion marker at the current location in the editable content at the first magnification.

5. The method of claim 1, wherein the first command display area includes an icon for selecting all of the editable content.

6. The method of claim 1, wherein the first command display area includes an icon for displaying additional command options.

7. The method of claim 1, wherein the first command display area includes an icon for undoing a previous action.

8. The method of claim 1, wherein the first command display area includes an icon for redoing a previous action.

9. The method of claim 1, wherein icons in the first command display area include at least one command that is user configurable.

10. The method of claim 1, wherein icons in the first command display area include at least one command that is context sensitive.

11. The method of claim 1, wherein the editable content is displayed within a first application, and icons in the first command display area include at least one command to invoke a second application coupled to the first application via a predefined application programming interface.

12. The method of claim 1, wherein the finger contact is part of the finger gesture.

13. The method of claim 1, including:

detecting a finger gesture on the icon for selecting content associated with the current location of the insertion marker;

in response to detecting the finger gesture on the icon for selecting content associated with the current location of the insertion marker;

ceasing to display the first command display area; and

selecting content associated with the current location of the insertion marker.

14. The method of claim 13, including:

in response to detecting the finger gesture on the icon for selecting content associated with the current location of the insertion marker;

displaying a start-point object and an end-point object at respective ends of the selected content.

15. The method of claim 13, including:

in response to detecting the finger gesture on the icon for selecting content associated with the current location of the insertion marker;

displaying a second command display area adjacent to the selected content, wherein the second command display area includes an icon for cutting the selected content and an icon for copying the selected content.

16. The method of claim 15, wherein the second command display area includes an icon for pasting previously cut or copied content.

17. The method of claim 15, wherein the second command display area includes an icon for undoing a previous action.

18. The method of claim 15, wherein the second command display area includes an icon for displaying additional command options.

19. The method of claim 15, wherein the second command display area includes an icon redoing a previous action.

20. The method of claim 15, wherein icons in the second command display area include at least one command that is user configurable.

21. The method of claim 15, wherein icons in the second command display area include at least one command that is context sensitive.

22. The method of claim 15, wherein the editable content is displayed within a first application, and icons in the second command display area include at least one command to invoke a second application coupled to the first application via a predefined application programming interface.

23. A graphical user interface on a multifunction device with a touch screen display, the graphical user interface comprising:

editable content at a first magnification,

a content magnifier,

an insertion marker, and

a command display area;

wherein;

in response to detecting a finger gesture on the editable content;

a portion of the editable content on the touch screen display is expanded to a second magnification that is greater than the first magnification while continuing to display at least some of the editable content at the first magnification; and

the content magnifier is displayed, wherein the content magnifier displays

the expanded portion of the editable content and

the insertion marker at a first location within the expanded portion of the editable content;

the content magnifier is moved and the expanded portion of the editable content is changed in accordance with detected movement of a finger contact across the touch screen display;

the insertion marker is moved from the first location to a second location within the expanded portion of the editable content in accordance with the detected movement of the finger contact; and

,

in response to detecting lift off of the finger contact while the insertion marker is located at the second location within the expanded portion of the editable content;

display of the content magnifier and the expanded portion of the editable content are ceased;

the insertion marker is displayed at a current location in the editable content at the first magnification, wherein the current location corresponds to the second location within the expanded portion of the editable content; and

the command display area is displayed adjacent to the insertion marker, wherein the command display area includes an icon for selecting content associated with the current location of the insertion marker.

24. A multifunction device, comprising:

a touch screen 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 editable content on the touch screen display at a first magnification;

detecting a finger gesture on the editable content;

in response to detecting the finger gesture on the editable content;

expanding a portion of the editable content on the touch screen display to a second magnification that is greater than the first magnification while continuing to display at least some of the editable content at the first magnification; and

displaying a content magnifier that displays

the expanded portion of the editable content and

an insertion marker at a first location within the expanded portion of the editable content;

detecting movement of a finger contact across the touch screen display;

moving the content magnifier and changing the expanded portion of the editable content in accordance with the detected movement of the finger contact;

moving the insertion marker from the first location to a second location within the expanded portion of the editable content in accordance with the detected movement of the finger contact;

detecting lift off of the finger contact while the insertion marker is located at the second location within the expanded portion of the editable content; and

,

in response to detecting lift off of the finger contact;

ceasing to display the content magnifier and the expanded portion of the editable content;

displaying the insertion marker at a current location in the editable content at the first magnification, wherein the current location corresponds to the second location within the expanded portion of the editable content; and

displaying a first command display area adjacent to the insertion marker, wherein the first command display area includes an icon for selecting content associated with the current location of the insertion marker.

25. A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a multifunction device with a touch screen display, cause the device to:

display editable content on the touch screen display at a first magnification;

detect a finger gesture on the editable content;

in response to detecting the finger gesture on the editable content;

expand a portion of the editable content on the touch screen display to a second magnification that is greater than the first magnification while continuing to display at least some of the editable content at the first magnification; and

display a content magnifier that displays

the expanded portion of the editable content and

an insertion marker at a first location within the expanded portion of the editable content;

detect movement of a finger contact across the touch screen display;

move the content magnifier and changing the expanded portion of the editable content in accordance with the detected movement of the finger contact;

move the insertion marker from the first location to a second location within the expanded portion of the editable content in accordance with the detected movement of the finger contact;

detect lift off of the finger contact while the insertion marker is located at the second location within the expanded portion of the editable content; and

,

in response to detecting lift off of the finger contact;

cease to display the content magnifier and the expanded portion of the editable content;

display the insertion marker at a current location in the editable content at the first magnification, wherein the current location corresponds to the second location within the expanded portion of the editable content; and

display a first command display area adjacent to the insertion marker, wherein the first command display area includes an icon for selecting content associated with the current location of the insertion marker.