Device, method, and graphical user interface for resizing content viewing and text entry interfaces

• US 9,218,123 B2
• Filed: 06/11/2012
• Issued: 12/22/2015
• Est. Priority Date: 12/29/2011
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Khandker, Nefaur R., Santamaria, Justin E., Coffman, Patrick Lee, Ording, Bas, Karuamuni, Chanaka G.
• Primary Examiner(s): To, Jennifer
• Assistant Examiner(s): Xia, Xuyang
• Application Number:
  US13/493,916
• Publication Number:
  US 20130174082A1
• Time in Patent Office: 1,289 Days
• Field of Search: 715/780
• US Class Current: 1/1
• 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/0485 Scrolling or panning
• 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

Abstract

An electronic device includes instructions for: displaying a text entry interface area at a first size for the text entry interface area; concurrently displaying a viewing area adjacent to the text entry interface area, at a first size for the viewing area; detecting a continuous finger contact that starts in the viewing area, moves in a first direction towards the text entry interface area, contacts a predefined boundary associated with the text entry interface area, and continues to move in the first direction after contacting the predefined boundary; and, in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary: increasing the viewing area to a second size of the viewing area; and scrolling the text entry interface area to reduce the displayed text entry interface area to a second size of the text entry interface area.

Claims

1. An electronic device, comprising:

a touch-sensitive display;

one or more processors;

a 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 text entry interface area on the touch-sensitive display, the text entry interface area being displayed at a first predefined size for the text entry interface area, the text entry interface area including a soft keyboard when displayed at the first predefined size for the text entry interface area;

concurrently displaying a viewing area adjacent to the text entry interface area on the touch-sensitive display, the viewing area configured to display scrollable information that includes information entered via the text entry interface, the viewing area being displayed at a first size for the viewing area;

detecting a first finger gesture on the touch-sensitive display, the first finger gesture including a continuous finger contact that starts in the viewing area, moves in a first direction towards the text entry interface area, contacts a predefined boundary associated with the text entry interface area, and continues to move in the first direction after contacting the predefined boundary;

in response to detecting the continuous finger contact starting in the viewing area and moving in the first direction towards the text entry interface area prior to contacting the predefined boundary;

scrolling information displayed in the viewing area;

maintaining the first size of the viewing area; and

maintaining the first predefined size of the text entry interface area; and

,

in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary;

continuing to scroll information displayed in the viewing area;

increasing the viewing area from the first size of the viewing area to a second size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact; and

scrolling the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area to a second size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

2. The device of claim 1, wherein the text entry interface area includes a text input field.

3. The device of claim 1, including instructions for:

in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary;

increasing the viewing area from the first size of the viewing area up to a third predefined size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact; and

scrolling the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area down to a third predefined size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

4. The device of claim 1, including instructions for:

after detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary, ceasing to detect the continuous finger contact; and

,

in response to ceasing to detect the continuous finger contact;

when one or more predefined conditions are satisfied, displaying the viewing area at a predefined third size of the viewing area, larger than the first size of the viewing area; and

when the one or more predefined conditions are not satisfied, displaying the viewing area at the first size of the viewing area and concurrently displaying the text entry interface area at the first predefined size of the text entry interface area.

5. The device of claim 4, including instructions for:

in response to ceasing to detect the continuous finger contact;

when the one or more predefined conditions are satisfied, displaying the text entry interface area at a predefined third size of the text entry interface area, smaller than the first size of the text entry interface area.

6. The device of claim 5, wherein the text entry interface area includes a text input field, the device including instructions for:

in response to ceasing to detect the continuous finger contact;

when the one or more predefined conditions are satisfied, displaying the text input field without displaying the soft keyboard in the text entry interface area.

7. The device of claim 4, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the size of the viewing area is larger than the first size of the viewing area.

8. The device of claim 4, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the size of the viewing area is larger than the first size of the viewing area and the finger contact is stationary immediately prior to ceasing to detect the continuous finger contact.

9. The device of claim 4, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the finger contact is moving in the first direction immediately prior to ceasing to detect the continuous finger contact.

10. The device of claim 1, including instructions for:

while displaying the text entry interface area at the first predefined size for the text entry interface area and concurrently displaying the viewing area at the first size for the viewing area, detecting a second finger gesture on the viewing area, the entire second finger gesture occurring within the viewing area; and

,

in response to detecting the second finger gesture;

scrolling information displayed in the viewing area;

maintaining the first size of the viewing area; and

maintaining the first predefined size of the text entry interface area.

11. The device of claim 1, including instructions for:

after detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary, detecting the continuous finger contact moving in a direction opposite the first direction; and

,

in response to detecting the continuous finger contact moving in the direction opposite the first direction;

scrolling information displayed in the viewing area in accordance with the movement of the continuous finger contact in the direction opposite the first direction;

decreasing the viewing area size in accordance with the movement of the continuous finger contact in the direction opposite the first direction; and

scrolling the text entry interface area to increase the displayed text entry interface area size, in accordance with the movement of the continuous finger contact in the direction opposite the first direction.

12. The device of claim 11, including instructions for:

in response to detecting the continuous finger contact moving in the direction opposite the first direction;

decreasing the viewing area down to the first size of the viewing area in accordance with the continued movement of the continuous finger contact; and

scrolling the text entry interface area to increase the displayed text entry interface area up to the first predefined size of the text entry interface area in accordance with the continued movement of the continuous finger contact.

13. A method, comprising:

at an electronic device with a touch-sensitive display;

displaying a text entry interface area on the touch-sensitive display, the text entry interface area being displayed at a first predefined size for the text entry interface area, the text entry interface area including a soft keyboard when displayed at the first predefined size for the text entry interface area;

concurrently displaying a viewing area adjacent to the text entry interface area on the touch-sensitive display, the viewing area configured to display scrollable information that includes information entered via the text entry interface, the viewing area being displayed at a first size for the viewing area;

detecting a first finger gesture on the touch-sensitive display, the first finger gesture including a continuous finger contact that starts in the viewing area, moves in a first direction towards the text entry interface area, contacts a predefined boundary associated with the text entry interface area, and continues to move in the first direction after contacting the predefined boundary;

in response to detecting the continuous finger contact starting in the viewing area and moving in the first direction towards the text entry interface area prior to contacting the predefined boundary;

scrolling information displayed in the viewing area;

maintaining the first size of the viewing area; and

maintaining the first predefined size of the text entry interface area; and

,

in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary;

continuing to scroll information displayed in the viewing area;

increasing the viewing area from the first size of the viewing area to a second size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact; and

scrolling the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area to a second size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

14. The method of claim 13, wherein the text entry interface area includes a text input field.

15. The method of claim 13, further comprising:

in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary;

increasing the viewing area from the first size of the viewing area up to a third predefined size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact; and

scrolling the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area down to a third predefined size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

16. The method of claim 13, further comprising:

after detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary, ceasing to detect the continuous finger contact; and

,

in response to ceasing to detect the continuous finger contact;

when one or more predefined conditions are satisfied, displaying the viewing area at a predefined third size of the viewing area, larger than the first size of the viewing area; and

when the one or more predefined conditions are not satisfied, displaying the viewing area at the first size of the viewing area and concurrently displaying the text entry interface area at the first predefined size of the text entry interface area.

17. The method of claim 16, further comprising:

in response to ceasing to detect the continuous finger contact;

when the one or more predefined conditions are satisfied, displaying the text entry interface area at a predefined third size of the text entry interface area, smaller than the first size of the text entry interface area.

18. The method of claim 17, wherein the text entry interface area includes a text input field, the method further comprises:

in response to ceasing to detect the continuous finger contact;

when the one or more predefined conditions are satisfied, displaying the text input field without displaying the soft keyboard in the text entry interface area.

19. The method of claim 16, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the size of the viewing area is larger than the first size of the viewing area.

20. The method of claim 16, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the size of the viewing area is larger than the first size of the viewing area and the finger contact is stationary immediately prior to ceasing to detect the continuous finger contact.

21. The method of claim 16, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the finger contact is moving in the first direction immediately prior to ceasing to detect the continuous finger contact.

22. The method of claim 13, further comprising:

while displaying the text entry interface area at the first predefined size for the text entry interface area and concurrently displaying the viewing area at the first size for the viewing area, detecting a second finger gesture on the viewing area, the entire second finger gesture occurring within the viewing area; and

,

in response to detecting the second finger gesture;

scrolling information displayed in the viewing area;

maintaining the first size of the viewing area; and

maintaining the first predefined size of the text entry interface area.

23. The method of claim 13, further comprising:

after detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary, detecting the continuous finger contact moving in a direction opposite the first direction; and

,

in response to detecting the continuous finger contact moving in the direction opposite the first direction;

scrolling information displayed in the viewing area in accordance with the movement of the continuous finger contact in the direction opposite the first direction;

decreasing the viewing area size in accordance with the movement of the continuous finger contact in the direction opposite the first direction; and

scrolling the text entry interface area to increase the displayed text entry interface area size, in accordance with the movement of the continuous finger contact in the direction opposite the first direction.

24. The method of claim 23, further comprising:

in response to detecting the continuous finger contact moving in the direction opposite the first direction;

decreasing the viewing area down to the first size of the viewing area in accordance with the continued movement of the continuous finger contact; and

scrolling the text entry interface area to increase the displayed text entry interface area up to the first predefined size of the text entry interface area in accordance with the continued movement of the continuous finger contact.

25. 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-sensitive display, cause the device to:

display a text entry interface area on the touch-sensitive display, the text entry interface area being displayed at a first predefined size for the text entry interface area, the text entry interface area including a soft keyboard when displayed at the first predefined size for the text entry interface area;

concurrently display a viewing area adjacent to the text entry interface area on the touch-sensitive display, the viewing area configured to display scrollable information that includes information entered via the text entry interface, the viewing area being displayed at a first size for the viewing area;

detect a first finger gesture on the touch-sensitive display, the first finger gesture including a continuous finger contact that starts in the viewing area, moves in a first direction towards the text entry interface area, contacts a predefined boundary associated with the text entry interface area, and continues to move in the first direction after contacting the predefined boundary;

in response to detecting the continuous finger contact starting in the viewing area and moving in the first direction towards the text entry interface area prior to contacting the predefined boundary;

scroll information displayed in the viewing area;

maintain the first size of the viewing area; and

maintain the first predefined size of the text entry interface area; and

,

in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary;

continue to scroll information displayed in the viewing area;

increase the viewing area from the first size of the viewing area to a second size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact; and

scroll the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area to a second size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

26. The non-transitory computer readable storage medium of claim 25, wherein the text entry interface area includes a text input field.

27. The non-transitory computer readable storage medium of claim 25, wherein the one or more programs include instructions, which when executed by the electronic device, further cause the device to:

in response to detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary;

increase the viewing area from the first size of the viewing area up to a third predefined size of the viewing area, larger than the first size of the viewing area, in accordance with the continued movement of the continuous finger contact; and

scroll the text entry interface area to reduce the displayed text entry interface area from the first predefined size of the text entry interface area down to a third predefined size of the text entry interface area, smaller than the first predefined size of the text entry interface area, in accordance with the continued movement of the continuous finger contact.

28. The non-transitory computer readable storage medium of claim 25, wherein the one or more programs include instructions, which when executed by the electronic device, further cause the device to:

after detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary, cease to detect the continuous finger contact;

and,

in response to ceasing to detect the continuous finger contact;

when one or more predefined conditions are satisfied, display the viewing area at a predefined third size of the viewing area, larger than the first size of the viewing area; and

when the one or more predefined conditions are not satisfied, display the viewing area at the first size of the viewing area and concurrently displaying the text entry interface area at the first predefined size of the text entry interface area.

29. The non-transitory computer readable storage medium of claim 28, wherein the one or more programs include instructions, which when executed by the electronic device, further cause the device to:

in response to ceasing to detect the continuous finger contact;

when the one or more predefined conditions are satisfied, display the text entry interface area at a predefined third size of the text entry interface area, smaller than the first size of the text entry interface area.

30. The non-transitory computer readable storage medium of claim 29, wherein the text entry interface area includes a text input field, and the one or more programs include instructions, which when executed by the electronic device, further cause the device to:

in response to ceasing to detect the continuous finger contact;

when the one or more predefined conditions are satisfied, display the text input field without displaying the soft keyboard in the text entry interface area.

31. The non-transitory computer readable storage medium of claim 28, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the size of the viewing area is larger than the first size of the viewing area.

32. The non-transitory computer readable storage medium of claim 28, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the size of the viewing area is larger than the first size of the viewing area and the finger contact is stationary immediately prior to ceasing to detect the continuous finger contact.

33. The non-transitory computer readable storage medium of claim 28, wherein the one or more predefined conditions include:

when detection of the continuous finger contact ceases, the finger contact is moving in the first direction immediately prior to ceasing to detect the continuous finger contact.

34. The non-transitory computer readable storage medium of claim 25, wherein the one or more programs include instructions, which when executed by the electronic device, further cause the device to:

while displaying the text entry interface area at the first predefined size for the text entry interface area and concurrently displaying the viewing area at the first size for the viewing area, detect a second finger gesture on the viewing area, the entire second finger gesture occurring within the viewing area; and

,

in response to detecting the second finger gesture;

scroll information displayed in the viewing area;

maintain the first size of the viewing area; and

maintain the first predefined size of the text entry interface area.

35. The non-transitory computer readable storage medium of claim 25, wherein the one or more programs include instructions, which when executed by the electronic device, further cause the device to:

after detecting the continuous finger contact continuing to move in the first direction after contacting the predefined boundary, detect the continuous finger contact moving in a direction opposite the first direction; and

,

in response to detecting the continuous finger contact moving in the direction opposite the first direction;

scroll information displayed in the viewing area in accordance with the movement of the continuous finger contact in the direction opposite the first direction;

decrease the viewing area size in accordance with the movement of the continuous finger contact in the direction opposite the first direction; and

scroll the text entry interface area to increase the displayed text entry interface area size, in accordance with the movement of the continuous finger contact in the direction opposite the first direction.

36. The non-transitory computer readable storage medium of claim 35, wherein the one or more programs include instructions, which when executed by the electronic device, further cause the device to:

in response to detecting the continuous finger contact moving in the direction opposite the first direction;

decrease the viewing area down to the first size of the viewing area in accordance with the continued movement of the continuous finger contact; and

scroll the text entry interface area to increase the displayed text entry interface area up to the first predefined size of the text entry interface area in accordance with the continued movement of the continuous finger contact.