Comment presentation

• US 9,547,627 B2
• Filed: 11/14/2012
• Issued: 01/17/2017
• Est. Priority Date: 11/14/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, Flynn, William Joseph III
• Primary Examiner(s): IPAKCHI, MARYAM M
• Application Number:
  US13/677,247
• Publication Number:
  US 20140136968A1
• Time in Patent Office: 1,525 Days
• Field of Search: None
• US Class Current: 1/1
• 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: G06F 40/109 Font handling; Temporal or kinetic typography
• CPC Class Codes: G06Q 50/01 Social networking

Abstract

In one embodiment, a method includes displaying a content item on a screen of a computing device; displaying a first portion of a series of comments concerning the content item in close proximity to the content item on the screen of the computing device; and in response to a user scrolling down the series of comments, adjusting the content item so that the content item occupies less space on the screen of the computing device and there is more space available on the screen of the computing device for displaying the series of comments; and displaying a second portion of the series of comments using the more space, the second portion including more comments than the first portion.

Claims

1. A computer-implemented method comprising:

arranging a plurality of components of a user interface on a screen of an electronic device in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface;

presenting a background component on a first layer of the user interface; and

displaying a plurality of content items on a second layer of the user interface that overlays the first layer, comprising;

displaying a content item of the plurality of content items at a first predetermined size, the content item comprising one or more lines of text of a first font size;

displaying a first portion of a series of comments associated with the content item at a first space adjacent to the content item on the user interface; and

in response to a user scrolling down the series of comments, and while maintaining the display of the background component on the first layer,

adjusting the content item to a second predetermined size that is smaller than the first predetermined size and adjusting the lines of text to a second font size that is smaller than the first font size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size, and

displaying a second portion of the series of comments at a second space larger than the first space, the second portion including more comments than the first portion.

2. The method of claim 1, further comprising in response to the user scrolling up the series of comments,

adjusting the content item to a third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size, and

displaying a third portion of the series of comments at a third space smaller than the second space, the third portion including less comments than the second portion.

3. The method of claim 2, wherein:

the content item comprises one or more lines of text;

adjusting the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decreasing a font size used to display the one or more lines of text; and

adjusting the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increasing the font size used to display the one or more lines of text.

4. The method of claim 2, wherein:

the content item comprises one or more lines of text;

adjusting the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decreasing a number of lines of text displayed on the screen of the computing device; and

adjusting the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increasing the number of lines of text displayed on the screen of the computing device.

5. The method of claim 2, wherein:

the content item comprises an image;

adjusting the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decreasing a size of the image; and

adjusting the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increasing the size of the image.

6. 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 on a screen of an electronic device in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface;

present a background component on a first layer of the user interface; and

display a plurality of content items on a second layer of the user interface that overlays the first layer, comprising;

display a content item of the plurality of content items at a first predetermined size, the content item comprising one or more lines of text of a first font size;

display a first portion of a series of comments associated with the content item at a first space adjacent to the content item on the user interface; and

in response to a user scrolling down the series of comments, and while maintaining the display of the background component on the first layer,

adjust the content item to a second predetermined size that is smaller than the first predetermined size and adjusting the lines of text to a second font size that is smaller than the first font size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size, and

display a second portion of the series of comments at a second space larger than the first space, the second portion including more comments than the first portion.

7. The media of claim 6, wherein the software is further operable when executed to

in response to the user scrolling up the series of comments,

adjust the content item to a third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size, and

display a third portion of the series of comments at a third space smaller than the second space, the third portion including less comments than the second portion.

8. The media of claim 7, wherein:

the content item comprises one or more lines of text;

adjust the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decrease a font size used to display the one or more lines of text; and

adjust the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increase the font size used to display the one or more lines of text.

9. The media of claim 7, wherein:

the content item comprises one or more lines of text;

adjusting the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decrease a number of lines of text displayed on the screen of the computing device; and

adjusting the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increase the number of lines of text displayed on the screen of the computing device.

10. The media of claim 7, wherein:

the content item comprises an image;

adjust the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decrease a size of the image; and

adjust the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increase the size of the image.

11. 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 on a screen of an electronic device in a hierarchy, the hierarchy having one or more layers and each layer having at least one of the components of the user interface;

present a background component on a first layer of the user interface; and

display a plurality of content items on a second layer of the user interface that overlays the first layer, comprising;

display a content item of the plurality of content items at a first predetermined size, the content item comprising one or more lines of text of a first font size;

display a first portion of a series of comments associated with the content item at a first space adjacent to the content item on the user interface; and

in response to a user scrolling down the series of comments, and while maintaining the display of the background component on the first layer,

adjust the content item to a second predetermined size that is smaller than the first predetermined size and adjusting the lines of text to a second font size that is smaller than the first font size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size, and

display a second portion of the series of comments at a second space larger than the first space, the second portion including more comments than the first portion.

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

in response to the user scrolling up the series of comments,

adjust the content item to a third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size, and

display a third portion of the series of comments at a third space smaller than the second space, the third portion including less comments than the second portion.

13. The system of claim 12, wherein:

the content item comprises one or more lines of text;

adjust the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decrease a font size used to display the one or more lines of text; and

adjust the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increase the font size used to display the one or more lines of text.

14. The system of claim 12, wherein:

the content item comprises one or more lines of text;

adjusting the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decrease a number of lines of text displayed on the screen of the computing device; and

adjusting the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined size comprises increase the number of lines of text displayed on the screen of the computing device.

15. The system of claim 12, wherein:

the content item comprises an image;

adjust the content item to the second predetermined size so that the entirety of the second predetermined size of the content item is displayed to occupy less space on the screen of the computing device than the first predetermined size comprises decrease a size of the image; and

adjust the content item to the third predetermined size so that the entirety of the third predetermined size of the content item is displayed to occupy more space on the screen of the computing device than the second predetermined sizecomprises increase the size of the image.