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

• US 9,690,446 B2
• Filed: 03/11/2014
• Issued: 06/27/2017
• Est. Priority Date: 09/06/2006
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Christie, Gregory N., Blumenberg, Chris, Lemay, Stephen O., Boule, Andre M. J., Chaudhri, Imran, Williamson, Richard, Van Os, Marcel, Forstall, Scott
• Primary Examiner(s): Sherman, Stephen
• Application Number:
  US14/205,268
• Publication Number:
  US 20150046849A1
• Time in Patent Office: 1,204 Days
• Field of Search: 345156, 345173-178, 178 1801- 1809, 178 1811, 715810, 715828-831, 715234, 715781, 715700
• 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/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• 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: H04M 1/72403 with means for local support of applications that increase the functionality

Abstract

A computer-implemented method, for use in conjunction with a portable electronic device with a touch screen display, comprises displaying at least a portion of a structured electronic document on the touch screen display, wherein the structured electronic document comprises a plurality of boxes of content, and detecting a first gesture at a location on the displayed portion of the structured electronic document. A first box in the plurality of boxes at the location of the first gesture is determined. The first box on the touch screen display is enlarged and substantially centered.

Claims

1. An electronic 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 at least a portion of a structured electronic document on the touch screen display, wherein the structured electronic document comprises a plurality of boxes of content and the displayed portion includes at least a first box of content and a second box of content, the first box of content being displayed at a location on the touch screen display that is separate from a location of the second box of content;

detecting a first gesture at a location on the displayed portion of the structured electronic document; and

in response to detecting the first gesture;

in accordance with the first gesture being located at the first box of content in the plurality of boxes of content, enlarging and translating the structured electronic document so that the first box of content is displayed on the touch screen display and the second box of content is not displayed on the touch screen display;

in accordance with the first gesture being located at the second box of content in the plurality of boxes of content, enlarging and translating the structured electronic document so that the second box of content is displayed on the touch screen display and the first box of content is not displayed on the touch screen display.

2. The device of claim 1, wherein the one or more programs further include instructions for, when the structured electronic document is enlarged and translated so that the first box of content is displayed on the touch screen display and the second box of content is not displayed on the touch screen display, detecting a second gesture on the touch screen display and, in response to detecting the second gesture, scrolling the structured electronic document on the touch screen display.

3. The device of claim 2, wherein the first gesture and the second gesture are different types of gesture.

4. The device of claim 2, wherein the second gesture is a swipe gesture.

5. The device of claim 4, wherein the second gesture is an upward swipe gesture and the scroll is a one-dimensional vertical scroll.

6. The device of claim 4, wherein the second gesture is a finger swipe gesture greater than a predefined number of degrees off vertical and the scroll is a two-dimensional movement along the direction of the finger swipe gesture.

7. The device of claim 2, wherein scrolling the structured electronic document on the touch screen display results in display of the second box of content.

8. The device of claim 1, wherein the first gesture is a tap gesture.

9. The device of claim 1, wherein the first gesture is a double tap gesture.

10. The device of claim 1, wherein the displayed portion of the structured electronic document before said detecting of the first gesture comprises a third box of content displayed adjacent to the first box of content in a different location on the touch screen display to the second box of content, the one or more programs further including instructions for, in response to detecting the first gesture when the first gesture is located at the first box of content, enlarging and translating the structured electronic document so that a portion of the third box of content is displayed on the touch screen display.

11. The device of claim 10, the one or more programs further including instructions for, in response to detecting a third gesture, translating the structured electronic document so that the third box of content is entirely displayed on the touch screen display.

12. The device of claim 11, wherein the third gesture is a swipe gesture.

13. The device of claim 11, wherein the third gesture is a tap gesture on the third box of content.

14. The device of claim 1, the one or more programs further including instructions for, while the first box is enlarged, detecting a second gesture on the enlarged first box and in response to the second gesture, reducing the size of the first box.

15. The device of claim 1, wherein enlarging and translating the structured electronic document includes animating the structured electronic document.

16. A method, implemented at a portable electronic device with a touch screen display, comprising:

displaying at least a portion of a structured electronic document on the touch screen display, wherein the structured electronic document comprises a plurality of boxes of content and the displayed portion includes at least a first box of content and a second box of content, the first box of content being displayed at a location on the touch screen display that is separate from a location of the second box of content;

detecting a first gesture at a location on the displayed portion of the structured electronic document; and

in response to detecting the first gesture;

in accordance with the first gesture being located at the first box of content in the plurality of boxes of content, enlarging and translating the structured electronic document so that the first box of content is displayed on the touch screen display and the second box of content is not displayed on the touch screen display;

in accordance with the first gesture being located at the second box of content in the plurality of boxes of content, enlarging and translating the structured electronic document so that the second box of content is displayed on the touch screen display and the first box of content is not displayed on the touch screen display.

17. The method of claim 16, further comprising, when the structured electronic document is enlarged and translated so that the first box of content is displayed on the touch screen display and the second box of content is not displayed on the touch screen display, detecting a second gesture on the touch screen display and, in response to detecting the second gesture, scrolling the structured electronic document on the touch screen display.

18. The method of claim 17, wherein the first gesture and the second gesture are different types of gesture.

19. The method of claim 17, wherein the second gesture is a swipe gesture.

20. The method of claim 19, wherein the second gesture is an upward swipe gesture and the scroll is a one-dimensional vertical scroll.

21. The method of claim 19, wherein the second gesture is a finger swipe gesture greater than a predefined number of degrees off vertical and the scroll is a two-dimensional movement along the direction of the finger swipe gesture.

22. The method of claim 17, wherein scrolling the structured electronic document on the touch screen display results in display of the second box of content.

23. The method of claim 16, wherein the first gesture is a tap gesture.

24. The method of claim 16, wherein the first gesture is a double tap gesture.

25. The method of claim 16, wherein the displayed portion of the structured electronic document before said detecting of the first gesture comprises a third box of content displayed adjacent to the first box of content in a different location on the touch screen display to the second box of content, the method further comprising, in response to detecting the first gesture when the first gesture is located at the first box of content, enlarging and translating the structured electronic document so that a portion of the third box of content is displayed on the touch screen display.

26. The method of claim 25, further comprising, in response to detecting a third gesture, translating the structured electronic document so that the third box of content is entirely displayed on the touch screen display.

27. The method of claim 26, wherein the third gesture is a swipe gesture.

28. The method of claim 26, wherein the third gesture is a tap gesture on the third box of content.

29. The method of claim 16, further comprising, while the first box is enlarged, detecting a second gesture on the enlarged first box and in response to the second gesture, reducing the size of the first box.

30. The method of claim 16, wherein enlarging and translating the structured electronic document includes animating the structured electronic document.

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

display at least a portion of a structured electronic document on the touch screen display, wherein the structured electronic document comprises a plurality of boxes of content and the displayed portion includes at least a first box of content and a second box of content, the first box of content being displayed at a location on the touch screen display that is separate from a location of the second box of content;

detect a first gesture at a location on the displayed portion of the structured electronic document; and

in response to detecting the first gesture;

in accordance with the first gesture being located at the first box of content in the plurality of boxes of content, enlarge and translate the structured electronic document so that the first box of content is displayed on the touch screen display and the second box of content is not displayed on the touch screen display;

in accordance with the first gesture being located at the second box of content in the plurality of boxes of content, enlarge and translate the structured electronic document so that the second box of content is displayed on the touch screen display and the first box of content is not displayed on the touch screen display.

32. The non-transitory computer readable storage medium of claim 31, wherein the one or more programs further include instructions, which when executed by the electronic device, cause the device to, when the structured electronic document is enlarged and translated so that the first box of content is displayed on the touch screen display and the second box of content is not displayed on the touch screen display, detect a second gesture on the touch screen display and, in response to detecting the second gesture, scroll the structured electronic document on the touch screen display.

33. The non-transitory computer readable storage medium of claim 32, wherein the first gesture and the second gesture are different types of gesture.

34. The non-transitory computer readable storage medium of claim 32, wherein the second gesture is a swipe gesture.

35. The non-transitory computer readable storage medium of claim 34, wherein the second gesture is an upward swipe gesture and the scroll is a one-dimensional vertical scroll.

36. The non-transitory computer readable storage medium of claim 34, wherein the second gesture is a finger swipe gesture greater than a predefined number of degrees off vertical and the scroll is a two-dimensional movement along the direction of the finger swipe gesture.

37. The non-transitory computer readable storage medium of claim 32, wherein scrolling the structured electronic document on the touch screen display results in display of the second box of content.

38. The non-transitory computer readable storage medium of claim 31, wherein the first gesture is a tap gesture.

39. The non-transitory computer readable storage medium of claim 31, wherein the first gesture is a double tap gesture.

40. The non-transitory computer readable storage medium of claim 31, wherein the displayed portion of the structured electronic document before said detecting of the first gesture comprises a third box of content displayed adjacent to the first box of content in a different location on the touch screen display to the second box of content, the one or more programs further including instructions, which when executed by the electronic device, cause the device to, in response to detecting the first gesture when the first gesture is located at the first box of content, enlarge and translate the structured electronic document so that a portion of the third box of content is displayed on the touch screen display.

41. The non-transitory computer readable storage medium of claim 40, the one or more programs further including instructions, which when executed by the electronic device, cause the device to, in response to detecting a third gesture, translate the structured electronic document so that the third box of content is entirely displayed on the touch screen display.

42. The non-transitory computer readable storage medium of claim 41, wherein the third gesture is a swipe gesture.

43. The non-transitory computer readable storage medium of claim 41, wherein the third gesture is a tap gesture on the third box of content.

44. The non-transitory computer readable storage medium of claim 31, the one or more programs further including instructions, which when executed by the electronic device, cause the device to, while the first box is enlarged, detect a second gesture on the enlarged first box and in response to the second gesture, reduce the size of the first box.

45. The non-transitory computer readable storage medium of claim 31, wherein enlarging and translating the structured electronic document includes animating the structured electronic document.