Automatic positioning of content items in a scrolling display for optimal viewing of the items
Systems and methods are described that include providing, on a touchscreen display of an electronic device, a stream of content items, at least some of which are associated with a corresponding display anchor. Inputs are detected at the touchscreen display and the inputs are associated with a scroll speed. The scroll speed may be based on a detected distance between the inputs on the touchscreen and an elapsed time between at least two of the inputs. In response to determining a lack of input for a predefined time period, a display anchor can be determined and selected. The display anchor may correspond to a content item to be used as a pause location for the stream. The scrolling of the stream of content items can be paused at the pause location to use the selected display anchor to display the content item in a top viewable portion of the display.
1. A computer-implemented method comprising:
detecting a sequence of scroll gestures performed by a user on a touchscreen display in an electronic device, each of the scroll gestures including a contact location, a movement direction, and a release speed at which the user removes a touch input associated with the scroll gesture from the touchscreen display;
in response to receiving a first gesture in the sequence, the release speed of the first gesture being greater than a predefined threshold speed, executing scrolling of a plurality of interactive posts in the touchscreen display;
in response to receiving a second gesture in the sequence, determining whether the release speed of the second gesture is at or below the predefined threshold speed;
in response to detecting that the release speed of the second gesture is at or below the predefined threshold speed, engaging a scroll animation for at least one of the interactive posts; and
in response to the scroll animation being engaged, pausing, in the touchscreen display, the scrolling of the plurality of interactive posts, the engagement of the scroll animation triggering selecting and arranging at least one interactive post in the plurality of scrolling interactive posts in the touchscreen display to be aligned with an edge of the touchscreen display to provide the entirety of the at least one interactive post in the display of the device when the scrolling of the plurality of interactive posts is paused.
2. The computer-implemented method of claim 1 , wherein engaging the scroll animation aligns the at least one interactive post based on a type of content in the at least one interactive post.
3. The computer-implemented method of claim 2 , wherein:
the edge is a top edge of the touchscreen display;
the type of content includes image content; and
engaging the scroll animation aligns the at least one interactive post to be centered between a left edge and a right edge of the touchscreen display.
4. The computer-implemented method of claim 1 , wherein engaging the scroll animation moves the at least one interactive post into position and sinks or raises the at least one interactive post.
5. The computer-implemented method of claim 1 , wherein engaging the scroll animation is configured to pause the scrolling of the plurality of interactive posts by,
selecting a display anchor associated with at least one of the plurality of scrolling interactive posts in the touchscreen display, the display anchor defining a content beginning or ending portion of the at least one interactive post; and
moving the selected display anchor to the edge such that the content begin portion is aligned with the edge to provide at least a top portion of the at least one interactive post in the touchscreen display.
6. A system comprising:
at least one processor;
a display device; and
memory storing instructions that, when executed by the at least one processor, generate a user interface and cause the system to:
detect a sequence of scroll gestures performed by a user on the display device, each of the scroll gestures including a contact location, a movement direction, and a release speed at which the user removes a touch input associated with the scroll gesture from the display device;
in response to receiving a first gesture in the sequence, the release speed of the first gesture being greater than a predefined threshold speed, execute scrolling of a plurality of interactive posts in the display device;
in response to receiving a second gesture in the sequence, determine whether the release speeds of the second gestures is at or below the predefined threshold speed;
in response to detecting that the release speed of the second gesture at or below the predefined threshold speed, engage a scroll animation for at least one of the interactive posts; and
in response to the scroll animation being engaged, pause, in the display device, the scrolling of the plurality of interactive posts, the engagement of the scroll animation triggering selecting and arranging at least one interactive post in the plurality of scrolling interactive posts in the display device to be aligned with a display edge of the display device to provide the entirety of the at least one interactive post in the display of the device when the scrolling of the plurality of interactive posts is paused .
7. The system of claim 6 , wherein engaging the scroll animation aligns the at least one interactive post based on a type of content in the at least one interactive post.
8. The system of claim 7 , wherein:
the display edge is a top edge of the display device;
the type of content includes image content; and
engaging the scroll animation aligns the at least one interactive post to be centered between a left edge and a right edge of the display device.
9. The system of claim 6 , wherein engaging the scroll animation moves the at least one interactive post into position and sinks or raises the at least one interactive post.
10. The system of claim 6 , wherein engaging the scroll animation is configured to pause the scrolling of the plurality of interactive posts by,
selecting a display anchor associated with at least one of the plurality of scrolling interactive posts in the display device, the display anchor defining a content beginning or ending portion of the at least one interactive post; and
moving the selected display anchor to the display edge such that the content begin portion is aligned with the display edge to provide at least a top portion of the at least one interactive post in the display device.
11. The system of claim 6 , wherein the sequence of scroll gestures includes a plurality of single finger selections on the display device.
12. The system of claim 6 , wherein the sequence of scroll gestures includes a plurality of multi-finger selections on the display device.
13. A non-transitory computer-readable medium comprising instructions that, when executed, are configured to cause at least one processor to:
detect a sequence of scroll gestures performed by a user on a touchscreen display in an electronic device, each of the scroll gestures including a contact location, a movement direction, and a release speed at which the user removes a touch input associated with the scroll gesture from the touchscreen display;
in response to receiving a first gesture in the sequence, the release speed of the first gesture being greater than a predefined threshold speed, execute scrolling of a plurality of interactive posts in the touchscreen display;
in response to receiving a second gesture in the sequence, determine whether a release speed of the second gesture is at or below the predefined threshold speed;
in response to detecting that the release speed of the second gesture is at or below the predefined threshold speed, engage a scroll animation for at least one of the interactive posts; and
in response to the scroll animation being engaged, pause, in the touchscreen display, the plurality of interactive posts according to the scroll animation, the scroll animation triggering selecting and arranging at least one interactive post in the plurality of scrolling interactive posts in the touchscreen display to be aligned with an edge of the touchscreen display to provide the entirety of the at least one interactive post in the display of the device when the scrolling of the plurality of interactive posts is paused.
14. The computer-readable medium of claim 13 , wherein engaging the scroll animation aligns the at least one interactive post based on a type of content in the at least one interactive post.
15. The computer-readable medium of claim 14 , wherein:
the edge is a top edge of the touchscreen display;
the type of content includes image content; and
engaging the scroll animation aligns the at least one interactive post to be centered between a left edge and a right edge of the touchscreen display.
16. The computer-readable medium of claim 13 , wherein engaging the scroll animation moves the at least one interactive post into position and sinks or raises the at least one interactive post.
17. The computer-readable medium of claim 13 , wherein engaging the scroll animation is configured to pause the scrolling of the plurality of interactive posts by,
selecting a display anchor associated with at least one of the plurality of scrolling interactive posts in the touchscreen display, the display anchor defining a content beginning or ending portion of the at least one interactive post; and
in response to the scroll animation being engaged, moving the selected display anchor to the edge such that the content begin portion is aligned with the edge to provide at least a top portion of the at least one interactive post in the touchscreen display when the scrolling of the plurality of interactive posts is paused.