Timeline based content organization

• US 9,645,724 B2
• Filed: 11/14/2012
• Issued: 05/09/2017
• Est. Priority Date: 02/01/2012
• Status: Active Grant

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Matas, Michael
• Primary Examiner(s): IPAKCHI, MARYAM M
• Application Number:
  US13/677,093
• Publication Number:
  US 20130198683A1
• Time in Patent Office: 1,637 Days
• Field of Search: None
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

In one embodiment, a first content section and one or more first content items of the first content section are displayed on an electronic device. In response to a user scrolling in a first direction to a second content section, displaying one or more second content items of the second content section, the one or more second content items replacing the one or more first content items. In response to the user scrolling in a second direction to a third content section, displaying the one or more third content items of the third content section, the one or more third content items replacing the one or more first content items.

Claims

1. A computer-implemented method comprising:

arranging a plurality of components of a user interface in a hierarchy, wherein the user interface comprises one or more content layers, and wherein each of the content layers comprises at least one of the components;

displaying a first content section comprising a first background component and a first title component on a first content layer, and displaying one or more first content items of the first content section comprising one or more first components on a second content layer overlaying at least a portion of the first content layer,

wherein the first background component comprises an first image displayed on an entirety of the user interface,

wherein the first title component comprises an indication of a first time period associated with a user of an online social network, the first title component overlaying a portion of the first background component, and

wherein the first background component and the one or more first content items each correspond to content associated with the first time period retrieved from the online social network;

in response to a user interaction with the first content items by scrolling the first content items in the second content layer in a first direction, displaying one or more additional first content items while maintaining a position of the display of the first content section on the first content layer; and

in response to a user interaction with the first content section by scrolling in the first direction from the first content section to a second content section,

replacing the first content section with the second content section and displaying the second content section comprising a second background component and a second title component on the first content layer, and

displaying with one or more second content items of the second content section comprising one or more second components on the second content layer, the one or more second content items replacing the one or more first content items,

wherein the replacing occurs by transitioning the display of the first background component and the first title component on the first content layer in synchronization with the first content items on the second content layer off the user interface while transitioning the display of the second background component and the second title component onto the first content layer in synchronization with the second content items onto the second content layer of the user interface,

wherein the second background component comprises a second image different from the first image displayed on the entirety of the user interface,

wherein the second title component comprises an indication of a second time period different from the first time period associated with the user of the online social network, the second component overlaying a portion of the second background component, and

wherein the second background component and the one or more second content items each correspond to content associated with the second time period retrieved from the online social network.

2. The method of claim 1, further comprising

in response to the user scrolling in the first direction from the one or more first content items to the one or more second content items, displaying the second content section, the second content section replacing the first content section.

3. The method of claim 1, further comprising

in response to the user scrolling in a second direction from the first content section to a third content section, displaying one or more third content items of the third content section, the one or more third content items replacing the one or more first content items.

4. The method of claim 3, further comprising

in response to the user scrolling in the second direction from the one or more first content items to the one or more third content items, displaying the third content section, the third content section replacing the first content section.

5. The method of claim 3, further comprising

arranging a plurality of content sections chronologically in reverse chronological order, the plurality of content sections including the first content section, the second content section, and the third content section, each content section having one or more content items, the second content section having content items from an older time period than the first content section, and the third content section having content items from a newer time period than the first content section.

6. The method of claim 5, wherein:

when the user scrolls in the first direction through the plurality of content sections, the user moves from newer to older time-period content sections; and

when the user scrolls in the second direction through the plurality of content sections, the user moves from older to newer time-period content sections.

7. The method of claim 5, wherein:

each content section has a background image;

the user scrolling in the first direction from the first content section to the second content section comprises the user scrolls in the first direction from a first background image of the first section to a second background image of the second section; and

the user scrolling in the second direction from the first content section to the third content section comprises the user scrolls in the second direction from the first background image of the first section to a third background image of the third section.

8. The method of claim 5, wherein:

the plurality of content sections further includes an “

about-user;

content section; and

the “

about-user”

content section has one or more “

about-user”

content items about the user.

9. The method of claim 8, wherein the “

about-user”

content section is positioned at the beginning of the plurality of content sections.

10. One or more computer-readable non-transitory storage media embodying software that is operable when executed to:

arrange a plurality of components of a user interface in a hierarchy, wherein the user interface comprises one or more content layers, and wherein each of the content layers comprises at least one of the components;

display a first content section comprising a first background component and a first title component on a first content layer, and display one or more first content items of the first content section comprising one or more first components on a second content layer overlaying at least a portion of the first content layer,

wherein the first background component comprises an first image displayed on an entirety of the user interface,

wherein the first title component comprises an indication of a first time period associated with a user of an online social network, the first title component overlaying a portion of the first background component, and

wherein the first background component and the one or more first content items each correspond to content associated with the first time period retrieved from the online social network;

in response to a user interaction with the first content items by scrolling the first content items in the second content layer in a first direction, display one or more additional first content items while maintaining a position of the display of the first content section on the first content layer; and

in response to a user interaction with the first content section by scrolling in the first direction from the first content section to a second content section,

replace the first content section with the second content section and display the second content section comprising a second background component and a second title component on the first content layer, and

display with one or more second content items of the second content section comprising one or more second components on the second content layer, the one or more second content items replacing the one or more first content items,

wherein the replacing occurs by transitioning the display of the first background component and the first title component on the first content layer in synchronization with the first content items on the second content layer off the user interface while transitioning the display of the second background component and the second title component onto the first content layer in synchronization with the second content items onto the second content layer of the user interface,

wherein the second background component comprises a second image different from the first image displayed on the entirety of the user interface,

wherein the second title component comprises an indication of a second time period different from the first time period associated with the user of the online social network, the second component overlaying a portion of the second background component, and

wherein the second background component and the one or more second content items each correspond to content associated with the second time period retrieved from the online social network.

11. The media of claim 10, wherein the software is further operable when executed to

in response to the user scrolling in the first direction from the one or more first content items to the one or more second content items, display the second content section, the second content section replacing the first content section.

12. The media of claim 10, wherein the software is further operable when executed to

in response to the user scrolling in a second direction from the first content section to a third content section, display one or more third content items of the third content section, the one or more third content items replacing the one or more first content items.

13. The media of claim 12, wherein the software is further operable when executed to

in response to the user scrolling in the second direction from the one or more first content items to the one or more third content items, display the third content section, the third content section replacing the first content section.

14. The media of claim 12, wherein the software is further operable when executed to

arrange a plurality of content sections chronologically in reverse chronological order, the plurality of content sections including the first content section, the second content section, and the third content section, each content section having one or more content items, the second content section having content items from an older time period than the first content section, and the third content section having content items from a newer time period than the first content section.

15. The media of claim 14, wherein:

when the user scrolls in the first direction through the plurality of content sections, the user moves from newer to older time-period content sections; and

when the user scrolls in the second direction through the plurality of content sections, the user moves from older to newer time-period content sections.

16. The media of claim 14, wherein:

each content section has a background image;

the user scrolling in the first direction from the first content section to the second content section comprises the user scrolls in the first direction from a first background image of the first section to a second background image of the second section; and

the user scrolling in the second direction from the first content section to the third content section comprises the user scrolls in the second direction from the first background image of the first section to a third background image of the third section.

17. The media of claim 14, wherein:

the plurality of content sections further includes an about-user”

content section; and

the “

about-user”

content section has one or more “

about-user”

content items about the user.

18. A system comprising:

one or more processors; and

a memory coupled to the processors comprising instructions executable by the processors, the processors operable when executing the instructions to;

arrange a plurality of components of a user interface in a hierarchy, wherein the user interface comprises one or more content layers, and wherein each of the content layers comprises at least one of the components;

display a first content section comprising a first background component and a first title component on a first content layer, and display one or more first content items of the first content section comprising one or more first components on a second content layer overlaying at least a portion of the first content layer,

wherein the first background component comprises an first image displayed on an entirety of the user interface,

wherein the first title component comprises an indication of a first time period associated with a user of an online social network, the first title component overlaying a portion of the first background component, and

wherein the first background component and the one or more first content items each correspond to content associated with the first time period retrieved from the online social network;

in response to a user interaction with the first content items by scrolling the first content items in the second content layer in a first direction, display one or more additional first content items while maintaining a position of the display of the first content section on the first content layer; and

in response to a user interaction with the first content section by scrolling in the first direction from the first content section to a second content section,

replace the first content section with the second content section and display the second content section comprising a second background component and a second title component on the first content layer, and

display with one or more second content items of the second content section comprising one or more second components on the second content layer, the one or more second content items replacing the one or more first content items,

wherein the replacing occurs by transitioning the display of the first background component and the first title component on the first content layer in synchronization with the first content items on the second content layer off the user interface while transitioning the display of the second background component and the second title component onto the first content layer in synchronization with the second content items onto the second content layer of the user interface,

wherein the second background component comprises a second image different from the first image displayed on the entirety of the user interface,

wherein the second title component comprises an indication of a second time period different from the first time period associated with the user of the online social network, the second component overlaying a portion of the second background component, and

wherein the second background component and the one or more second content items each correspond to content associated with the second time period retrieved from the online social network.

19. The system of claim 18, wherein the processors are further operable when executing the instructions to

in response to the user scrolling in the first direction from the one or more first content items to the one or more second content items, display the second content section, the second content section replacing the first content section.

20. The system of claim 18, wherein the processors are further operable when executing the instructions to

in response to the user scrolling in a second direction from the first content section to a third content section, display one or more third content items of the third content section, the one or more third content items replacing the one or more first content items.