Scroll bar with time details
While a newsfeed is scrolled, an icon is displayed that includes the post time of a news story. The icon moves in a vertical direction as the newsfeed is scrolled and displays a post time of a news story when at least a predefined amount of the icon is displayed over the news story. Depending on when a news story was posted, the time icon may include the date the news story was posted. The icon may show a time and/or may include a clock showing time in analog or digital format. The newsfeed may be scrolled in response to a gesture by a user with a touch-sensitive display and the time icon may cease to be displayed once the user breaks contact with the touch-sensitive display.
1. A computer implemented method, comprising:
displaying a feed on a touch-sensitive screen of a computing device, the feed including a plurality of stories from a social networking system;
detecting a contact with the touch-sensitive screen;
in response to detecting movement of the contact:
scrolling the feed on the touch-sensitive screen, and while the feed is scrolled:
displaying a time icon;
determining whether the time icon is displayed over at least a portion of a first story of the feed;
updating, responsive to a determination that the time icon is displayed over at least a portion of the first story of the feed, the time icon to display a time the first story was posted to the social networking system;
moving the time icon based on the scrolling of the feed;
determining whether the time icon is moved over at least a portion of a second story of the feed; and
updating, responsive to a determination that the time icon is moved over at least a portion of the second story of the feed, the time icon to display a time the second story was posted to the social networking system.
2. The method of claim 1 , wherein the plurality of stories describe activities of users of the social networking system.
3. The method of claim 1 , wherein the plurality of stories include content posted by users of the social networking system.
4. The method of claim 1 , wherein determining whether the time icon is displayed over at least a portion of a first story of the feed comprises determining whether at least half the time icon is displayed over the first story.
5. The method of claim 1 , further comprising:
detecting a break of the contact with the touch-sensitive screen; and
in response to detecting the break, ceasing to display the time icon.
6. The method of claim 1 , wherein:
the time icon includes an image of an analog clock having a clock face and clock hands, the clock hands displayed at positions corresponding to the time the first story was posted to the social networking system; and
in response to displaying the time icon over at least the portion of the second story, animating a display of the analog clock, the animation displaying movement of the clocks hands to new positions corresponding to the time the second story was posted to the social networking system.
7. The method of claim 1 , wherein the time icon further includes a date of when a respective story was posted to the social networking system.
8. The method of claim 1 , wherein the time icon further includes a date of when a respective story was posted to the social networking system when the respective story was posted more than a week prior to a current date.
9. The method of claim 1 , wherein the time icon is displayed along a side of the touch-sensitive screen.
10. The method of claim 1 , wherein the time icon is displayed at a distance from a border of the touch-sensitive screen that corresponds to an amount the feed has been scrolled.
11. The method of claim 1 , wherein movement of the time icon corresponds to an amount the feed is scrolled.
12. A non-transitory computer readable storage medium storing one or more programs configured to be executed by a computing device with a touch-sensitive screen, the one or more programs comprising instructions for:
displaying a feed on the touch-sensitive screen, the feed including a plurality of stories from a social networking system;
detecting a contact with the touch-sensitive screen;
in response to detecting movement of the contact:
scrolling the feed on the touch-sensitive screen, and while the feed is scrolled:
displaying a time icon over at least a portion of a first story of the feed, the time icon displaying a time the first story was posted to the social networking system;
moving the time icon based on the scrolling of the feed; and
updating, responsive to moving the time icon over at least a portion of a second story of the feed, the time icon to display a time the second story was posted to the social networking system.
13. The non-transitory computer readable storage medium of claim 12 , wherein the first story describes an activity of a user of the social networking system.
14. The non-transitory computer readable storage medium of claim 12 , wherein the plurality of stories include content posted by users of the social networking system.
15. A computer implemented method, comprising:
displaying a feed on a screen of a computing device, the feed including a plurality of stories from a social networking system;
responsive to a user initiated action, scrolling the feed on the screen, and while the feed is scrolled:
displaying a time icon over at least a portion of a first story of the feed, the time icon displaying a time the first story was posted to the social networking system;
moving the time icon based on the scrolling of the feed; and
updating, responsive to moving the time icon over at least a portion of a second story of the feed, the time icon to display a time the second story was posted to the social networking system.
16. The method of claim 15 , wherein the first story describes an activity of a user of the social networking system.
17. The method of claim 15 , wherein the plurality of stories include content posted by users of the social networking system.
18. A non-transitory computer readable storage medium storing one or more programs configured to be executed by a computing device with a screen, the one or more programs comprising instructions for:
displaying a feed on a screen of a computing device, the feed including a plurality of stories from a social networking system;
responsive to a user initiated action, scrolling the feed on the screen, and while the feed is scrolled:
displaying a time icon over at least a portion of a first story of the feed, the time icon displaying a time the first story was posted to the social networking system;
moving the time icon based on the scrolling of the feed; and
updating, responsive to moving the time icon over at least a portion of a second story of the feed, the time icon to display a time the second story was posted to the social networking system.
19. The non-transitory computer readable storage medium of claim 18 , wherein the first story describes an activity of a user of the social networking system.
20. The non-transitory computer readable storage medium of claim 18 , wherein the plurality of stories include content posted by users of the social networking system.