Constraining display motion in display navigation
Navigating on a display includes tracking motion of an input tool on a display, comparing a motion of the input tool to a threshold, and changing a position of the visible portion of a page of information on the display if the input tool motion exceeds the threshold. The position of the visible portion of the page of information on the display is constrained if the motion does not exceed the threshold.
1. A method comprising:
providing, on a display of a mobile device, a viewing area at a first position within content, wherein the content comprises a first portion and a second portion, wherein the content is larger than the viewing area, and wherein at the first position the viewing area displays at a least a portion of the first portion of content;
detecting, using at least one processor, a touch input relative to the content;
in response to and during the touch input, shifting the content relative to the viewing area away from the first position and towards a second position within the content;
upon completion of the touch input, determining whether the detected touch input satisfies a predetermined threshold;
shifting, in response to a determination that the detected touch input satisfies the predetermined threshold, the content relative to the viewing area to the second position within the content, wherein at the second position the viewing area displays at least a portion of the second portion of content;
returning, in response to a determination that the detected touch input does not satisfy the predetermined threshold, the content to the first position within the viewing area;
detecting a horizontal component of the touch input and a vertical component of the touch input;
wherein shifting the content relative to the viewing area to the second position comprises shifting the content in a horizontal direction; and
wherein determining whether the detected touch input satisfies the predetermined threshold comprises determining whether the horizontal component of the touch input satisfies a horizontal threshold.
2. The method of claim 1 , wherein the horizontal threshold comprises a boundary of the display of the mobile device.
3. The method as recited in claim 1 , wherein the horizontal threshold comprises a number of pixels in the horizontal direction.
4. The method as recited in claim 1 , further comprising constraining the shifting of the content to a single dimension.
5. The method as recited in claim 1 , wherein the touch input comprises a touch and drag motion.
6. The method as recited in claim 1 , wherein the predetermined threshold comprises a user-defined threshold.
7. The method as recited in claim 1 , further comprising animating the shifting of the content to provide a sense of motion of the viewing area.
8. The method as recited in claim 1 , wherein shifting, in response to the determination that the detected touch input satisfies the predetermined threshold, the content relative to the viewing area to the second position comprises centering the second portion of content within the viewing area.
9. A method comprising:
providing, on a display of a mobile device, a viewing area at a first position within content, wherein the content comprises a first portion and a second portion, wherein the content is larger than the viewing area, and wherein at the first position the viewing area displays at a least a portion of the first portion of content;
detecting, using at least one processor, a touch input relative to the content;
in response to and during the touch input, shifting the content relative to the viewing area away from the first position and towards a second position within the content;
upon completion of the touch input, determining whether the detected touch input satisfies a predetermined threshold;
shifting, in response to a determination that the detected touch input satisfies the predetermined threshold, the content relative to the viewing area to the second position within the content, wherein at the second position the viewing area displays at least a portion of the second portion of content;
returning, in response to a determination that the detected touch input does not satisfy the predetermined threshold, the content to the first position within the viewing area;
detecting a horizontal component of the touch input and a vertical component of the touch input;
wherein shifting the content relative to the viewing area to the second position comprises shifting the content in a vertical direction; and
wherein determining whether the detected touch input satisfies the predetermined threshold comprises determining whether the vertical component of the touch input satisfies a vertical threshold.
10. The method of claim 9 , wherein the vertical threshold comprises a boundary of the display of the mobile device.
11. The method as recited in claim 9 , wherein the vertical threshold comprises a number of pixels in the vertical direction.
12. The method as recited in claim 9 , further comprising constraining the shifting of the content to a single dimension.
13. The method as recited in claim 9 , wherein the touch input comprises a touch and drag motion.
14. The method as recited in claim 9 , wherein the predetermined threshold comprises a user-defined threshold.
15. The method as recited in claim 9 , further comprising animating the shifting of the content to provide a sense of motion of the viewing area.
16. The method as recited in claim 9 , wherein shifting, in response to the determination that the detected touch input satisfies the predetermined threshold, the content relative to the viewing area to the second position comprises centering the second portion of content within the viewing area.
17. A device comprising:
at least one processor; and
at least one non-transitory computer readable storage medium storing instructions that, when executed by the at least one processor, cause the device to:
provide, on a display, a viewing area at a first position within content, wherein the content comprises a first portion and a second portion, wherein the content is larger than the viewing area, and wherein at the first position the viewing area displays at a least a portion of the first portion of content;
detect a touch input relative to the content;
in response to and during the touch input, shift the content relative to the viewing area away from the first position and towards a second position within the content;
upon completion of the touch input, determine whether the detected touch input satisfies a predetermined threshold;
shift, in response to a determination that the detected touch input satisfies the predetermined threshold, the content relative to the viewing area to the second position within the content, wherein at the second position the viewing area displays at least a portion of the second portion of content;
return, in response to a determination that the detected touch input does not satisfy the predetermined threshold, the content to the first position within the viewing area;
detect a horizontal component of the touch input and a vertical component of the touch input;
wherein shifting the content relative to the viewing area to the second position comprises shifting the content in a horizontal direction; and
wherein determining whether the detected touch input satisfies the predetermined threshold comprises determining whether the horizontal component of the touch input satisfies a horizontal threshold.
18. The device as recited in claim 17 , wherein the horizontal threshold comprises a number of pixels in the horizontal direction.
19. The device as recited in claim 17 , wherein the horizontal threshold comprises a boundary of the display.
20. The device as recited in claim 17 , further comprising constraining the shifting of the content to a single dimension.