Portable electronic device, method, and graphical user interface for displaying electronic documents and lists

• US 8,689,132 B2
• Filed: 12/31/2007
• Issued: 04/01/2014
• Est. Priority Date: 01/07/2007
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Lamiraux, Henri C., Platzer, Andrew Emilio, Matas, Michael, Chaudhri, Imran
• Primary Examiner(s): Pesin, Boris
• Assistant Examiner(s): HEFFINGTON, JOHN M
• Application Number:
  US11/968,059
• Publication Number:
  US 20080168349A1
• Time in Patent Office: 2,283 Days
• Field of Search: 715/702, 715/786, 715/784, 715/787, 715/739, 715/790, 715/708, 715/729
• US Class Current: 715/784
• 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/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• 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: G11B 27/034 on discs G11B27/036, G11B27/038 take precedence
• CPC Class Codes: G11B 27/34 Indicating arrangements indicating means incorporated in magazine or cassette G11B23/046 and G11B23/0875; indicating measured values in general G01D
• CPC Class Codes: H04M 1/2746 Sorting, e.g. according to history or frequency of use
• CPC Class Codes: H04M 1/2747 Scrolling on a display
• CPC Class Codes: H04M 1/72436 for text messaging, e.g. short messaging services [SMS] or e-mails
• 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
• CPC Class Codes: H04M 2250/60 logging of communication history, e.g. outgoing or incoming calls, missed calls, messages or URLs logging of telephone numbers H04M1/56, H04M1/57
• 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 a computer-implemented method, a portion of an electronic document is displayed on a touch screen display of a portable multifunction device. The displayed portion has a vertical position and a horizontal position in the electronic document. An object is detected on or near the displayed portion of the electronic document. In response to detecting the object, a vertical bar and a horizontal bar are displayed on top of the displayed portion. The vertical bar has a vertical position on top of the displayed portion that corresponds to the vertical position in the electronic document of the displayed portion. The horizontal bar has a horizontal position on top of the displayed portion that corresponds to the horizontal position in the electronic document of the displayed portion. After a predetermined condition is met, display of the vertical bar and of the horizontal bar is ceased.

Claims

1. A method, comprising:

at a portable multifunction device with a touch screen display;

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

displaying a vertical bar and a horizontal bar on top of the displayed portion of the electronic document, wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document; and

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

translating the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed,

moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

moving the horizontal bar to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the document has been translated to a top of the document;

in response to continuing to detect downward movement of the object after the document has been translated to the top of the document, reducing the length of the vertical bar; and

in response to a predetermined condition being met, ceasing to display the vertical bar and the horizontal bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively.

2. The method of claim 1, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

3. The method of claim 1, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

4. The method of claim 1, wherein the movement of the object is on the touch screen display.

5. A portable 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 a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

displaying a vertical bar and a horizontal bar on top of the displayed portion of the electronic document, wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document; and

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

translating the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed,

moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

moving the horizontal bar to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

continuing to detect downward movement of the object after the document has been translated to a top of the document;

in response to continuing to detect downward movement of the object after the document has been translated to the top of the document, reducing the length of the vertical bar; and

in response to a predetermined condition being met, ceasing to display the vertical bar and the horizontal bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively.

6. The device of claim 5, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

7. The device of claim 5, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

8. The device of claim 5, wherein the movement of the object is on the touch screen display.

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

display a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

display a vertical bar and a horizontal bar on top of the displayed portion of the electronic document, wherein;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document; and

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

detect a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

translate the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed,

move the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document, and

move the horizontal bar to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

continue to detect downward movement of the object after the document has been translated to a top of the document;

in response to continuing to detect downward movement of the object after the document has been translated to the top of the document, reduce the length of the vertical bar; and

in response to a predetermined condition being met, cease to display the vertical bar and the horizontal bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively.

10. The computer readable storage medium of claim 9, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

11. The computer readable storage medium of claim 9, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

12. The computer readable storage medium of claim 9, wherein the movement of the object is on the touch screen display.

13. A method, comprising:

at a portable multifunction device with a touch screen display,

displaying a portion of a list of items on the touch screen display, wherein the displayed portion of the list has a vertical position in the list;

displaying a vertical bar on top of the displayed portion of the list, wherein the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

detecting a movement of an object in a direction on the displayed portion of the list;

in response to detecting the movement;

translating the list displayed on the touch screen display in the direction of movement of the object so that a new portion of the list is displayed, and

moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the list of the displayed new portion of the list;

continuing to detect downward movement of the object after the list has been translated to a top of the list;

in response to continuing to detect downward movement of the object after the list has been translated to the top of the list, reducing the length of the vertical bar; and

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list.

14. The method of claim 13, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

15. The method of claim 13, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

16. The method of claim 13, wherein the movement of the object is on the touch screen display.

17. A portable 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 a portion of a list of items on the touch screen display, wherein the displayed portion of the list has a vertical position in the list that corresponds to the vertical position in the list of the displayed portion of the list;

detecting an object on or near the displayed portion of the list;

displaying a vertical bar on top of the displayed portion of the list, wherein the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

detecting a movement of an object in a direction on the displayed portion of the list;

in response to detecting the movement;

translating the list displayed on the touch screen display in the direction of movement of the object so that a new portion of the list is displayed, and

moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the list of the displayed new portion of the list;

continuing to detect downward movement of the object after the list has been translated to a top of the list;

in response to continuing to detect downward movement of the object after the list has been translated to the top of the list, reducing the length of the vertical bar; and

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list.

18. The device of claim 17, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

19. The device of claim 17, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

20. The device of claim 17, wherein the movement of the object is on the touch screen display.

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

display a portion of a list of items on the touch screen display, wherein the displayed portion of the list has a vertical position in the list;

display a vertical bar on top of the displayed portion of the list, wherein the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

detect a movement of an object in a direction on the displayed portion of the list;

in response to detecting the movement;

translate the list displayed on the touch screen display in the direction of movement of the object so that a new portion of the list is displayed, and

move the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the list of the displayed new portion of the list;

continue to detect downward movement of the object after the list has been translated to a top of the list;

in response to continuing to detect downward movement of the object after the list has been translated to the top of the list, reduce the length of the vertical bar; and

in response to a predetermined condition being met, cease to display the vertical bar while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list.

22. The computer readable storage medium of claim 21, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

23. The computer readable storage medium of claim 21, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

24. The computer readable storage medium of claim 21, wherein the movement of the object is on the touch screen display.

25. A method, comprising:

at a portable multifunction device with a touch screen display,

displaying a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document;

displaying a vertical bar on top of the displayed portion of the electronic document, wherein the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

translating the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed, and

moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document,

continuing to detect downward movement of the object after the document has been translated to a top of the document;

in response to continuing to detect downward movement of the object after the document has been translated to the top of the document, reducing the length of the vertical bar; and

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document.

26. The method of claim 25, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

27. The method of claim 25, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

28. The method of claim 25, wherein the movement of the object is on the touch screen display.

29. A portable 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 a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document;

displaying a vertical bar on top of the displayed portion of the electronic document, wherein the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

detecting a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

translating the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed, and

moving the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document,

continuing to detect downward movement of the object after the document has been translated to a top of the document;

in response to continuing to detect downward movement of the object after the document has been translated to the top of the document, reducing the length of the vertical bar; and

in response to a predetermined condition being met, ceasing to display the vertical bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document.

30. The device of claim 29, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

31. The device of claim 29, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

32. The device of claim 29, wherein the movement of the object is on the touch screen display.

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

display a portion of an electronic document on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document;

display a vertical bar on top of the displayed portion of the electronic document, wherein the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

detect a movement of an object in a direction on the displayed portion of the electronic document;

in response to detecting the movement;

translate the electronic document displayed on the touch screen display in the direction of movement of the object so that a new portion of the electronic document is displayed, and

move the vertical bar to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document,

continue to detect downward movement of the object after the document has been translated to a top of the document;

in response to continuing to detect downward movement of the object after the document has been translated to the top of the document, reduce the length of the vertical bar; and

in response to a predetermined condition being met, cease to display the vertical bar while continuing to display the displayed portion of the electronic document, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document.

34. The computer readable storage medium of claim 33, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display.

35. The computer readable storage medium of claim 33, wherein the predetermined condition comprises ceasing to detect the object on or near the touch screen display for a predetermined time period.

36. The computer readable storage medium of claim 33, wherein the movement of the object is on the touch screen display.

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

a portion of an electronic document displayed on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document and a horizontal position in the electronic document;

a vertical bar displayed on top of the portion of the electronic document; and

a horizontal bar displayed on top of the portion of the electronic document;

wherein;

the vertical bar and the horizontal bar are displayed on top of the portion of the electronic document;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

the horizontal bar has a horizontal position on top of the displayed portion of the electronic document that corresponds to the horizontal position in the electronic document of the displayed portion of the electronic document;

a movement of an object in a direction on the displayed portion of the electronic document is detected;

in response to detecting the movement;

the electronic document displayed on the touch screen display is translated in the direction of movement of the object so that a new portion of the electronic document is displayed;

the vertical bar is moved to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document; and

the horizontal bar is moved to a new horizontal position such that the new horizontal position corresponds to the horizontal position in the electronic document of the displayed new portion of the electronic document;

movement of the object in the direction after the document has been translated to a top of the document is detected;

the length of at least one of the vertical and the horizontal bar is reduced in response to continuing to detect movement of the object in the direction after the document has been translated to the top of the document; and

,

in response to a predetermined condition being met, the display of the vertical bar and the horizontal bar is ceased while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent and horizontal extent that are less than a vertical extent and horizontal extent of the electronic document, respectively.

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

a portion of a list of items displayed on the touch screen display, wherein the displayed portion of the list has a vertical position in the list; and

a vertical bar displayed on top of the portion of the list of items;

wherein;

the vertical bar is displayed on top of the portion of the list of items;

the vertical bar has a vertical position on top of the displayed portion of the list that corresponds to the vertical position in the list of the displayed portion of the list;

a movement of an object in a direction on the displayed portion of the list is detected;

in response to detecting the movement;

the list displayed on the touch screen display is translated in the direction of movement of the object so that a new portion of the list is displayed; and

the vertical bar is moved to a new vertical position such that the new vertical position corresponds to the vertical position in the list of the displayed new portion of the list;

movement of the object in the direction after the list has been translated to a top of the list is detected;

the length of the vertical bar is reduced in response to continuing to detect movement of the object in the direction after the list has been translated to the top of the list; and

,

in response to a predetermined condition being met, the display of the vertical bar is ceased while continuing to display the displayed portion of the list, wherein the displayed portion of the list has a vertical extent that is less than a vertical extent of the list.

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

a portion of an electronic document displayed on the touch screen display, wherein the displayed portion of the electronic document has a vertical position in the electronic document; and

a vertical bar displayed on top of the portion of the electronic document;

wherein;

the vertical bar is displayed on top of the portion of the electronic document;

the vertical bar has a vertical position on top of the displayed portion of the electronic document that corresponds to the vertical position in the electronic document of the displayed portion of the electronic document;

a movement of an object in a direction on the displayed portion of the electronic document is detected;

in response to detecting the movement;

the electronic document displayed on the touch screen display is translated in the direction of movement of the object so that a new portion of the electronic document is displayed; and

the vertical bar is moved to a new vertical position such that the new vertical position corresponds to the vertical position in the electronic document of the displayed new portion of the electronic document;

movement of the object in the direction after the document has been translated to a top of the document is detected;

the length of the vertical bar is reduced in response to continuing to detect movement of the object in the direction after the document has been translated to the top of the document, and

in response to a predetermined condition being met, the display of the vertical bar is ceased while the displayed portion of the electronic document continues to be displayed, wherein the displayed portion of the electronic document has a vertical extent that is less than a vertical extent of the electronic document.