Animated display navigation

• US 9,753,606 B2
• Filed: 12/31/2012
• Issued: 09/05/2017
• Est. Priority Date: 03/19/2002
• Status: Expired due to Term

• 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): Chowdhury, Afroza
• Application Number:
  US13/731,351
• Publication Number:
  US 20130113746A1
• Time in Patent Office: 1,709 Days
• Field of Search: 345173, 345179
• 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:

displaying, on a touchscreen display, a first portion of content, wherein the content comprises a plurality of portions including the first portion and a second portion;

detecting, using at least one processor, a touch input provided by way of the touchscreen display, the touch input comprising a touch-and-drag input within the content from a first point to a second point;

positioning, in response to the detected touch input, a viewable portion of the content away from the first portion to display the second portion; and

animating the positioning of the viewable portion to create an appearance of motion by displaying a reference marker moving from the first portion to the second portion.

2. The method of claim 1, wherein animating the positioning of the viewable portion to create an appearance of motion comprises animating the positioning of the viewable portion to create an appearance of the viewable portion slowly shifting from the first portion to the second portion.

3. The method of claim 1, wherein animating the positioning of the viewable portion to create an appearance of motion comprises animating the positioning of the viewable portion to create an appearance of the viewable portion moving continuously from the first portion to the second portion.

4. The method of claim 1, wherein animating the positioning of the viewable portion to create an appearance of motion comprises displaying a line drawn from the first portion to the second portion.

5. The method of claim 1, wherein animating the positioning of the viewable portion to create an appearance of motion is in accordance with a user-configurable velocity independent of the touch input.

6. The method of claim 1, wherein animating the positioning of the viewable portion to create an appearance of motion comprises snapping the viewable portion to the second portion.

7. The method of claim 1, wherein animating the positioning of the viewable portion to create an appearance of motion comprises animating a direction and position of the viewable portion.

8. The method of claim 1, wherein at least a portion of the animation occurs simultaneously with the detected touch input, and wherein at least a portion of the animation occurs after the detected touch input.

9. The method of claim 1, wherein animating the positioning of the viewable portion to create an appearance of motion is in accordance with a device-controlled variable velocity.

10. The method of claim 9, wherein the device-controlled variable velocity increases in velocity and then decreases in velocity, coming to a stop when the viewable portion reaches the second portion.

11. The method of claim 1, wherein detecting the touch input comprises detecting a finger contact with the touchscreen display.

12. The method of claim 1, wherein the content comprises a web page, and wherein the first portion comprises a first component of the web page defined by a web page provider, and wherein the second portion comprises a second component of the web page defined by the web page provider.

13. The method of claim 1, wherein at least a portion of the animation occurs after the detected touch input.

14. The method of claim 1, wherein the animation is at least partially independent of the touch input.

15. The method of claim 1, wherein positioning the viewable portion of the content comprises moving the viewable portion relative to the content.

16. The method of claim 15, wherein positioning the viewable portion of the content further comprises moving the viewable portion relative to the content until the first portion is no longer viewable within the viewable portion and the second portion is viewable within the viewable portion.

17. A device comprising:

a touchscreen display;

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;

display, on the touchscreen display, a first portion of content, wherein the content comprises a plurality of portions including the first portion and a second portion;

detect a touch input provided by way of the touchscreen display, the touch input comprising a touch-and-drag input within the content from a first point to a second point;

position, in response to the detected touch input, a viewable portion of the content away from the first portion to display the second portion; and

animate the positioning of the viewable portion to create an appearance of motion by displaying a reference marker moving from the first portion to the second portion.

18. The device of claim 17, wherein animating the positioning of the viewable portion to create an appearance of motion comprises animating the positioning of the viewable portion to create an appearance of the viewable portion slowly shifting from the first portion to the second portion.

19. The device of claim 17, wherein animating the positioning of the viewable portion to create an appearance of motion comprises snapping the viewable portion to the second portion.

20. The device of claim 17, wherein animating the positioning of the viewable portion to create an appearance of motion comprises animating the positioning of the viewable portion simultaneously with the detected touch input.

21. The device of claim 17, wherein animating the positioning of the viewable portion to create an appearance of motion is in accordance with a device-controlled variable velocity.

22. The device of claim 21, wherein the device-controlled variable velocity increases in velocity and then decreases in velocity, coming to a stop when the viewable portion reaches the second portion.

23. The device of claim 17, wherein at least a portion of the animation occurs after the detected touch input.

24. The device of claim 23, wherein the animation does not mirror the touch input.