Control of system zoom magnification using a rotatable input mechanism

• US 10,365,807 B2
• Filed: 08/31/2015
• Issued: 07/30/2019
• Est. Priority Date: 03/02/2015
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Everitt, Aaron, Fleizach, Christopher B., Hughes, Gregory F., Seymour, Eric T., Wilson, Eric Lance
• Primary Examiner(s): Shiberou, Mahelet
• Application Number:
  US14/841,646
• Publication Number:
  US 20160259530A1
• Time in Patent Office: 1,429 Days
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 2203/04804 Transparency, e.g. transparent or translucent windows
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/0354 with detection of 2D relative movements between the device, or an operating part thereof, and a plane or surface, e.g. 2D mice, trackballs, pens or pucks
• CPC Class Codes: G06F 3/0362 with detection of 1D translations or rotations of an operating part of the device, e.g. scroll wheels, sliders, knobs, rollers or belts
• 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/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• 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

Abstract

An electronic device includes a touch-sensitive display, a rotatable input mechanism, one or more processors, and memory. The electronic device displays content on the display, where the content includes a first edge and a second edge opposite the first edge. The electronic device further detects a first user input, and in response to detecting the first user input, displays an enlarged view of the content that does not include the first edge. The electronic device further detects a rotation of the rotatable input mechanism in a first rotation direction, and in response to detecting the rotation, translates the enlarged view of the content in a first translation direction on the display to display the first edge of the content.

Claims

1. A non-transitory computer-readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device with a touch-sensitive display and a rotatable input mechanism, cause the electronic device to:

display content on the display, wherein the content includes a first edge and a second edge opposite the first edge;

detect a first user input;

in response to detecting the first user input, display an enlarged view of the content, wherein displaying the enlarged view of the content includes displaying a portion of the content without displaying the first edge of the content on the display;

detect a rotation of the rotatable input mechanism in a first rotation direction;

in response to detecting the rotation, translate the enlarged view of the content in a first translation direction on the display to display the first edge of the enlarged view of the content;

detect further rotation of the rotatable input mechanism in the first rotation direction; and

in response to detecting the further rotation, translate the enlarged view in a second translation direction on the display to display the second edge of the enlarged view of the content, wherein the second translation direction is different than the first translation direction.

2. The non-transitory computer-readable storage medium of claim 1, wherein the first user input includes a two-finger double tap on the touch-sensitive display.

3. The non-transitory computer-readable storage medium of claim 1, wherein the enlarged view of the content is centered on a location associated with the first user input.

4. The non-transitory computer-readable storage medium of claim 1, wherein the first translation direction is horizontal and the second translation direction is diagonal.

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

further in response to detecting the further rotation, and before translating the enlarged view in the second direction, pause translation of the enlarged view.

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

determine whether the translation has reached the first edge of the content or the second edge of the content;

in accordance with a determination that the translation has reached the first edge of the content or the second edge of the content, pause translation of the enlarged view in response to further rotation of the rotatable input mechanism in the first rotation direction; and

in accordance with a determination that the translation has not reached the first edge of the content or the second edge of the content, continue translation of the enlarged view in the same translation direction in response to further rotation of the rotatable input mechanism in the first rotation direction.

7. The non-transitory computer-readable storage medium of claim 1, wherein the enlarged view is translated from a first portion of the content to a second portion of the content, and wherein the second portion of the content is displaced vertically from the first portion.

8. The non-transitory computer-readable storage medium of claim 1, wherein rotation of the rotatable input mechanism in the first rotation direction causes the enlarged view to be translated horizontally from left to right or diagonally downward and to the left, and

wherein rotation of the rotatable input mechanism in a second rotation direction, opposite the first rotation direction, causes the enlarged view to be translated horizontally from right to left or diagonally upward and to the right.

9. The non-transitory computer-readable storage medium of claim 1, wherein translating the enlarged view includes:

determining whether the translation has reached a first corner of the content defined by the first edge and a third edge perpendicular to the first edge;

in accordance with a determination that the translation has reached the first corner, translating the enlarged view toward a second corner of the content defined by the second edge and a fourth edge perpendicular to the second edge, wherein the second corner is diagonally opposite from the first corner; and

in accordance with a determination that the translation has not reached the first corner of the content, continuing to translate the enlarged view in the same direction.

10. The non-transitory computer-readable storage medium of claim 1, wherein translating the enlarged view includes:

determining whether the enlarged view is to be translated horizontally or diagonally;

in accordance with a determination that the enlarged view is to be translated horizontally, performing the translation at a first speed; and

in accordance with a determination that the enlarged view is to be translated diagonally, performing the translation at a second speed that is greater than the first speed.

11. The non-transitory computer-readable storage medium of claim 1, wherein displaying the enlarged view of the content includes displaying a third portion of the content, and wherein the one or more programs further comprises instructions, which when executed by the one or more processors of the electronic device, cause the electronic device to:

in response to rotation of the rotatable input mechanism in the first rotation direction, display an indication of the size and location of the third portion of the content relative to the entire content.

12. The non-transitory computer-readable storage medium of claim 11, wherein the indication includes a first user interface object and a second user interface object, and wherein the first user interface object is overlaid on the enlarged view of the content and the second user interface object is overlaid on the first user interface object.

13. The non-transitory computer-readable storage medium of claim 12, wherein the size and location of the second user interface object relative to the first user interface object indicates the size and location of the third portion relative to the entire content.

14. The non-transitory computer-readable storage medium of claim 11, wherein the rotatable input mechanism is located adjacent to a portion of the touch-sensitive display and the indication is displayed adjacent to the rotatable input mechanism.

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

detect a third user input; and

in response to detecting the third user input, display the content as it was displayed immediately prior to detecting the first user input.

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

detect a fourth user input; and

in response to detecting the fourth user input, change the electronic device from a first operational state to a second operational state, wherein;

in the first operational state, rotation of the rotatable input mechanism performs a first operation, and

in the second state, rotation of the rotatable input mechanism performs a second operation that is different than the first operation.

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

while displaying the enlarged view of the content, detect a fifth user input and detecting a second rotation of the rotatable input mechanism; and

in response to detecting the fifth user input and the second rotation of the rotatable input mechanism, adjust the magnification of the enlarged view.

18. The non-transitory computer-readable storage medium of claim 17, wherein the fifth user input is a touch on the touch-sensitive display.

19. The non-transitory computer-readable storage medium of claim 17, wherein:

in accordance with the second rotation being in a first rotation direction, the magnification is increased; and

in accordance with the second rotation being in a second rotation direction, the magnification is decreased.

20. The non-transitory computer-readable storage medium of claim 1, wherein the portion of the content is a fourth portion of the content,

wherein translating the enlarged view of the content in the first translation direction on the display to display the first edge of the content includes translating the enlarged view of the content in the first translation direction on the display to display a fifth portion of the content that includes the first edge of the content,

wherein translating the enlarged view in the second translation direction on the display to display the second edge of the content includes translating the enlarged view in the second translation direction on the display to display a sixth portion of the content that includes the second edge of the content, and

wherein the sixth portion of the content is different from the fourth portion of the content and the fifth portion of the content.

21. A method, comprising:

at an electronic device with a touch-sensitive display, a rotatable input mechanism, one or more processors, and memory;

displaying content on the display, wherein the content includes a first edge and a second edge opposite the first edge;

detecting a first user input;

in response to detecting the first user input, displaying an enlarged view of the content, wherein displaying the enlarged view of the content includes displaying a portion of the content without displaying the first edge of the content on the display;

detecting a rotation of the rotatable input mechanism in a first rotation direction;

in response to detecting the rotation, translating the enlarged view of the content in a first translation direction on the display to display the first edge of the enlarged view of the content;

detecting further rotation of the rotatable input mechanism in the first rotation direction; and

in response to detecting the further rotation, translating the enlarged view in a second translation direction on the display to display the second edge of the enlarged view of the content, wherein the second translation direction is different than the first translation direction.

22. The method of claim 21, wherein the first user input includes a two-finger double tap on the touch-sensitive display.

23. The method of claim 21, wherein the enlarged view of the content is centered on a location associated with the first user input.

24. The method of claim 21, wherein the first translation direction is horizontal and the second translation direction is diagonal.

25. The method of claim 21, further comprising:

further in response to detecting the further rotation, and before translating the enlarged view in the second direction, pausing translation of the enlarged view.

26. The method of claim 21, further comprising:

determining whether the translation has reached the first edge of the content or the second edge of the content;

in accordance with a determination that the translation has reached the first edge of the content or the second edge of the content, pausing translation of the enlarged view in response to further rotation of the rotatable input mechanism in the first rotation direction; and

in accordance with a determination that the translation has not reached the first edge of the content or the second edge of the content, continuing translation of the enlarged view in the same translation direction in response to further rotation of the rotatable input mechanism in the first rotation direction.

27. The method of claim 21, wherein the enlarged view is translated from a first portion of the content to a second portion of the content, and wherein the second portion of the content is displaced vertically from the first portion.

28. The method of claim 21, wherein rotation of the rotatable input mechanism in the first rotation direction causes the enlarged view to be translated horizontally from left to right or diagonally downward and to the left, and

wherein rotation of the rotatable input mechanism in a second rotation direction, opposite the first rotation direction, causes the enlarged view to be translated horizontally from right to left or diagonally upward and to the right.

29. The method of claim 21, wherein translating the enlarged view includes:

determining whether the translation has reached a first corner of the content defined by the first edge and a third edge perpendicular to the first edge;

in accordance with a determination that the translation has reached the first corner, translating the enlarged view toward a second corner of the content defined by the second edge and a fourth edge perpendicular to the second edge, wherein the second corner is diagonally opposite from the first corner; and

in accordance with a determination that the translation has not reached the first corner of the content, continuing to translate the enlarged view in the same direction.

30. The method of claim 21, wherein translating the enlarged view includes:

determining whether the enlarged view is to be translated horizontally or diagonally;

in accordance with a determination that the enlarged view is to be translated horizontally, performing the translation at a first speed; and

in accordance with a determination that the enlarged view is to be translated diagonally, performing the translation at a second speed that is greater than the first speed.

31. The method of claim 21, wherein displaying the enlarged view of the content includes displaying a third portion of the content, and wherein the method further comprises:

in response to rotation of the rotatable input mechanism in the first rotation direction, displaying an indication of the size and location of the third portion of the content relative to the entire content.

32. The method of claim 31, wherein the indication includes a first user interface object and a second user interface object, and wherein the first user interface object is overlaid on the enlarged view of the content and the second user interface object is overlaid on the first user interface object.

33. The method of claim 32, wherein the size and location of the second user interface object relative to the first user interface object indicates the size and location of the third portion relative to the entire content.

34. The method of claim 31, wherein the rotatable input mechanism is located adjacent to a portion of the touch-sensitive display and the indication is displayed adjacent to the rotatable input mechanism.

35. The method of claim 21, further comprising:

detecting a third user input; and

in response to detecting the third user input, displaying the content as it was displayed immediately prior to detecting the first user input.

36. The method of claim 21, further comprising:

detecting a fourth user input; and

in response to detecting the fourth user input, changing the method from a first operational state to a second operational state, wherein;

in the first operational state, rotation of the rotatable input mechanism performs a first operation, and

in the second state, rotation of the rotatable input mechanism performs a second operation that is different than the first operation.

37. The method of claim 21, further comprising:

while displaying the enlarged view of the content, detecting a fifth user input and detecting a second rotation of the rotatable input mechanism; and

in response to detecting the fifth user input and the second rotation of the rotatable input mechanism, adjusting the magnification of the enlarged view.

38. The method of claim 37, wherein the fifth user input is a touch on the touch-sensitive display.

39. The method of claim 37, wherein:

in accordance with the second rotation being in a first rotation direction, the magnification is increased; and

in accordance with the second rotation being in a second rotation direction, the magnification is decreased.

40. The method of claim 21, wherein the portion of the content is a fourth portion of the content,

wherein translating the enlarged view of the content in the first translation direction on the display to display the first edge of the content includes translating the enlarged view of the content in the first translation direction on the display to display a fifth portion of the content that includes the first edge of the content,

wherein translating the enlarged view in the second translation direction on the display to display the second edge of the content includes translating the enlarged view in the second translation direction on the display to display a sixth portion of the content that includes the second edge of the content, and

wherein the sixth portion of the content is different from the fourth portion of the content and the fifth portion of the content.

41. An electronic device, comprising:

a display;

a rotatable input mechanism;

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 content on the display, wherein the content includes a first edge and a second edge opposite the first edge;

detecting a first user input;

in response to detecting the first user input, displaying an enlarged view of the content, wherein displaying the enlarged view of the content includes displaying a portion of the content without displaying the first edge of the content on the display;

detecting a rotation of the rotatable input mechanism in a first rotation direction;

in response to detecting the rotation, translating the enlarged view of the content in a first translation direction on the display to display the first edge of the enlarged view of the content;

detecting further rotation of the rotatable input mechanism in the first rotation direction; and

in response to detecting the further rotation, translating the enlarged view in a second translation direction on the display to display the second edge of the enlarged view of the content, wherein the second translation direction is different than the first translation direction.

42. The electronic device of claim 41, wherein the first user input includes a two-finger double tap on the touch-sensitive display.

43. The electronic device of claim 41, wherein the enlarged view of the content is centered on a location associated with the first user input.

44. The electronic device of claim 41, wherein the first translation direction is horizontal and the second translation direction is diagonal.

45. The electronic device of claim 41, the one or more programs further including instructions for:

further in response to detecting the further rotation, and before translating the enlarged view in the second direction, pausing translation of the enlarged view.

46. The electronic device of claim 41, the one or more programs further including instructions for:

determining whether the translation has reached the first edge of the content or the second edge of the content;

in accordance with a determination that the translation has reached the first edge of the content or the second edge of the content, pausing translation of the enlarged view in response to further rotation of the rotatable input mechanism in the first rotation direction; and

in accordance with a determination that the translation has not reached the first edge of the content or the second edge of the content, continuing translation of the enlarged view in the same translation direction in response to further rotation of the rotatable input mechanism in the first rotation direction.

47. The electronic device of claim 41, wherein the enlarged view is translated from a first portion of the content to a second portion of the content, and wherein the second portion of the content is displaced vertically from the first portion.

48. The electronic device of claim 41, wherein rotation of the rotatable input mechanism in the first rotation direction causes the enlarged view to be translated horizontally from left to right or diagonally downward and to the left, and

wherein rotation of the rotatable input mechanism in a second rotation direction, opposite the first rotation direction, causes the enlarged view to be translated horizontally from right to left or diagonally upward and to the right.

49. The electronic device of claim 41, wherein translating the enlarged view includes:

determining whether the translation has reached a first corner of the content defined by the first edge and a third edge perpendicular to the first edge;

in accordance with a determination that the translation has reached the first corner, translating the enlarged view toward a second corner of the content defined by the second edge and a fourth edge perpendicular to the second edge, wherein the second corner is diagonally opposite from the first corner; and

in accordance with a determination that the translation has not reached the first corner of the content, continuing to translate the enlarged view in the same direction.

50. The electronic device of claim 41, wherein translating the enlarged view includes:

determining whether the enlarged view is to be translated horizontally or diagonally;

in accordance with a determination that the enlarged view is to be translated horizontally, performing the translation at a first speed; and

in accordance with a determination that the enlarged view is to be translated diagonally, performing the translation at a second speed that is greater than the first speed.

51. The electronic device of claim 41, wherein displaying the enlarged view of the content includes displaying a third portion of the content, and wherein the one or more programs further includes instructions:

in response to rotation of the rotatable input mechanism in the first rotation direction, displaying an indication of the size and location of the third portion of the content relative to the entire content.

52. The electronic device of claim 51, wherein the indication includes a first user interface object and a second user interface object, and wherein the first user interface object is overlaid on the enlarged view of the content and the second user interface object is overlaid on the first user interface object.

53. The electronic device of claim 52, wherein the size and location of the second user interface object relative to the first user interface object indicates the size and location of the third portion relative to the entire content.

54. The electronic device of claim 51, wherein the rotatable input mechanism is located adjacent to a portion of the touch-sensitive display and the indication is displayed adjacent to the rotatable input mechanism.

55. The electronic device of claim 41, the one or more programs further including instructions for:

detecting a third user input; and

in response to detecting the third user input, displaying the content as it was displayed immediately prior to detecting the first user input.

56. The electronic device of claim 41, the one or more programs further including instructions for:

detecting a fourth user input; and

in response to detecting the fourth user input, changing the electronic device from a first operational state to a second operational state, wherein;

in the first operational state, rotation of the rotatable input mechanism performs a first operation, and

in the second state, rotation of the rotatable input mechanism performs a second operation that is different than the first operation.

57. The electronic device of claim 41, the one or more programs further including instructions for:

while displaying the enlarged view of the content, detecting a fifth user input and detecting a second rotation of the rotatable input mechanism; and

in response to detecting the fifth user input and the second rotation of the rotatable input mechanism, adjusting the magnification of the enlarged view.

58. The electronic device of claim 57, wherein the fifth user input is a touch on the touch-sensitive display.

59. The electronic device of claim 57, wherein:

in accordance with the second rotation being in a first rotation direction, the magnification is increased; and

in accordance with the second rotation being in a second rotation direction, the magnification is decreased.

60. The electronic device of claim 41, wherein the portion of the content is a fourth portion of the content,

wherein translating the enlarged view of the content in the first translation direction on the display to display the first edge of the content includes translating the enlarged view of the content in the first translation direction on the display to display a fifth portion of the content that includes the first edge of the content,

wherein translating the enlarged view in the second translation direction on the display to display the second edge of the content includes translating the enlarged view in the second translation direction on the display to display a sixth portion of the content that includes the second edge of the content, and

wherein the sixth portion of the content is different from the fourth portion of the content and the fifth portion of the content.