Constraining display motion in display navigation

• US 10,365,785 B2
• Filed: 02/10/2014
• Issued: 07/30/2019
• Est. Priority Date: 03/19/2002
• Status: Active Grant

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Lira, Luigi
• Primary Examiner(s): Bukowski, Kenneth
• Application Number:
  US14/176,585
• Publication Number:
  US 20140317557A1
• Time in Patent Office: 1,996 Days
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 3/041 Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
• CPC Class Codes: G06F 3/0412 Digitisers structurally integrated in a display
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• 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: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G09G 1/00 Control arrangements or circuits, of interest only in connection with cathode-ray tube indicators; General aspects or details, e.g. selection emphasis on particular characters, dashed line or dotted line generation; Preprocessing of datacathode-ray oscilloscopes G01R13/20; radar display arrangements G01S7/04; display of digital non-picture data in television systems H04N7/0255

Abstract

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.

Claims

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.