US20230344789A1 - Displaying text conversations with contextual images - Google Patents

Displaying text conversations with contextual images Download PDF

Info

Publication number
US20230344789A1
US20230344789A1 US17/673,715 US202217673715A US2023344789A1 US 20230344789 A1 US20230344789 A1 US 20230344789A1 US 202217673715 A US202217673715 A US 202217673715A US 2023344789 A1 US2023344789 A1 US 2023344789A1
Authority
US
United States
Prior art keywords
user
content item
messaging
online system
messaging interface
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Abandoned
Application number
US17/673,715
Inventor
Kathleen Warner
Diego De Pinho Mendes
Yfat Eyal
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Meta Platforms Inc
Original Assignee
Meta Platforms Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Meta Platforms Inc filed Critical Meta Platforms Inc
Priority to US17/673,715 priority Critical patent/US20230344789A1/en
Publication of US20230344789A1 publication Critical patent/US20230344789A1/en
Abandoned legal-status Critical Current

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/21Monitoring or handling of messages
    • H04L51/224Monitoring or handling of messages providing notification on incoming messages, e.g. pushed notifications of received messages
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/52User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail for supporting social networking services
    • H04L51/24
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/07User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail characterised by the inclusion of specific contents
    • H04L51/10Multimedia information
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L51/00User-to-user messaging in packet-switching networks, transmitted according to store-and-forward or real-time protocols, e.g. e-mail
    • H04L51/21Monitoring or handling of messages
    • H04L51/216Handling conversation history, e.g. grouping of messages in sessions or threads
    • H04L51/32

Definitions

  • This disclosure relates generally to social networking systems, and more specifically to displaying messages in social networking systems.
  • Social networking systems often include a messaging application that allows users to exchange messages in a private conversation between users.
  • the conversation may include all messages exchanged between the users.
  • Social networking systems often also allow users to post comments on content items posted by other users. The comments may be viewable by other users.
  • a user may send a message via the messaging application and reference the content item in the message.
  • a social networking system provides a user interface for a sending user to send messages to a recipient user in association with a content item posted by the recipient user in the social networking system.
  • the sending user views a content item posted by the recipient user, such as a photograph.
  • the sending user posts a direct message to the recipient user related to the content item.
  • the sending user may type a message in a reply field displayed over or adjacent to the content item.
  • the direct message is displayed to the sending user superimposed over the content item.
  • Subsequent direct messages in the conversation are also displayed superimposed over the content item. Previous messages may scroll up in response to new messages being displayed.
  • the recipient user may view the conversation in a messaging interface.
  • the social networking system may display a notification badge or icon over the content item indicating that a conversation exists for the content item.
  • the messaging interfaces described herein facilitate private conversations between users which provide the context of the content item to which the conversation is related. Additionally, the messaging interfaces described herein allow the sending user to send messages to the recipient user without redirecting the sending user to a messaging application which may interrupt the sending user's session.
  • a method may comprise generating, by a processor in an online system, a feed for a first user.
  • the feed may comprise a content item posted by a second user.
  • the processor may generate a messaging interface for the content item.
  • the processor may receive a message from the first user via the messaging interface for the content item. Metadata associated with the message may identify the content item.
  • the processor may superimpose the message over the content item.
  • FIG. 1 is a block diagram of a system environment in which an online system operates, in accordance with an embodiment.
  • FIG. 2 is a block diagram of an online system, in accordance with an embodiment.
  • FIG. 3 is a flowchart of a method for generating a messaging interface, in accordance with an embodiment.
  • FIG. 4 is a user interface for a feed, in accordance with an embodiment.
  • FIG. 5 is a messaging interface for a content item, in accordance with an embodiment.
  • FIG. 6 is the messaging interface for the content item including response messages, in accordance with an embodiment.
  • FIG. 7 is a user interface for a messaging interface for a messaging application, in accordance with an embodiment.
  • FIG. 1 is a block diagram of a system environment 100 for an online system 140 .
  • the system environment 100 shown by FIG. 1 comprises one or more client devices 110 , a network 120 , one or more third-party systems 130 , and the online system 140 .
  • the online system 140 is a social networking system, a content sharing network, or another system providing content to users.
  • the client devices 110 are one or more computing devices capable of receiving user input as well as transmitting and/or receiving data via the network 120 .
  • a client device 110 is a conventional computer system, such as a desktop or a laptop computer.
  • a client device 110 may be a device having computer functionality, such as a personal digital assistant (PDA), a mobile telephone, a smartphone, or another suitable device.
  • PDA personal digital assistant
  • a client device 110 is configured to communicate via the network 120 .
  • a client device 110 executes an application allowing a user of the client device 110 to interact with the online system 140 .
  • a client device 110 executes a browser application to enable interaction between the client device 110 and the online system 140 via the network 120 .
  • a client device 110 interacts with the online system 140 through an application programming interface (API) running on a native operating system of the client device 110 , such as IOS® or ANDROIDTM.
  • API application programming interface
  • the client devices 110 are configured to communicate via the network 120 , which may comprise any combination of local area and/or wide area networks, using both wired and/or wireless communication systems.
  • the network 120 uses standard communications technologies and/or protocols.
  • the network 120 includes communication links using technologies such as Ethernet, 802.11, worldwide interoperability for microwave access (WiMAX), 3G, 4G, code division multiple access (CDMA), digital subscriber line (DSL), etc.
  • networking protocols used for communicating via the network 120 include multiprotocol label switching (MPLS), transmission control protocol/Internet protocol (TCP/IP), hypertext transport protocol (HTTP), simple mail transfer protocol (SMTP), and file transfer protocol (FTP).
  • Data exchanged over the network 120 may be represented using any suitable format, such as hypertext markup language (HTML) or extensible markup language (XML).
  • all or some of the communication links of the network 120 may be encrypted using any suitable technique or techniques.
  • One or more third party systems 130 may be coupled to the network 120 for communicating with the online system 140 , which is further described below in conjunction with FIG. 2 .
  • a third party system 130 is an application provider communicating information describing applications for execution by a client device 110 or communicating data to client devices 110 for use by an application executing on the client device.
  • a third party system 130 provides content or other information for presentation via a client device 110 .
  • a third party system 130 may also communicate information to the online system 140 , such as advertisements, content, or information about an application provided by the third party system 130 .
  • FIG. 2 is a block diagram of an architecture of the online system 140 .
  • the online system 140 shown in FIG. 2 includes a user profile store 205 , a content store 210 , an action logger 215 , an action log 220 , an edge store 225 , a newsfeed manager 230 , a messaging module 235 , and a web server 240 .
  • the online system 140 may include additional, fewer, or different components for various applications. Conventional components such as network interfaces, security functions, load balancers, failover servers, management and network operations consoles, and the like are not shown so as to not obscure the details of the system architecture.
  • Each user of the online system 140 is associated with a user profile, which is stored in the user profile store 205 .
  • a user profile includes declarative information about the user that was explicitly shared by the user and may also include profile information inferred by the online system 140 .
  • a user profile includes multiple data fields, each describing one or more attributes of the corresponding online system user. Examples of information stored in a user profile include biographic, demographic, and other types of descriptive information, such as work experience, educational history, gender, hobbies or preferences, location and the like.
  • a user profile may also store other information provided by the user, for example, images or videos.
  • images of users may be tagged with information identifying the online system users displayed in an image, with information identifying the images in which a user is tagged stored in the user profile of the user.
  • a user profile in the user profile store 205 may also maintain references to actions by the corresponding user performed on content items in the content store 210 and stored in the action log 220 .
  • user profiles in the user profile store 205 are frequently associated with individuals, allowing individuals to interact with each other via the online system 140
  • user profiles may also be stored for entities such as businesses or organizations. This allows an entity to establish a presence on the online system 140 for connecting and exchanging content with other online system users.
  • the entity may post information about itself, about its products or provide other information to users of the online system 140 using a brand page associated with the entity's user profile.
  • Other users of the online system 140 may connect to the brand page to receive information posted to the brand page or to receive information from the brand page.
  • a user profile associated with the brand page may include information about the entity itself, providing users with background or informational data about the entity.
  • the content store 210 stores objects that each represent various types of content. Examples of content represented by an object include a page post, a status update, a photograph, a video, a link, a shared content item, a gaming application achievement, a check-in event at a local business, a brand page, or any other type of content.
  • Online system users may create objects stored by the content store 210 , such as status updates, photos tagged by users to be associated with other objects in the online system 140 , events, groups or applications.
  • objects are received from third-party applications or third-party applications separate from the online system 140 .
  • objects in the content store 210 represent single pieces of content, or content “items.”
  • objects in the content store 210 represent single pieces of content, or content “items.”
  • online system users are encouraged to communicate with each other by posting text and content items of various types of media to the online system 140 through various communication channels. This increases the amount of interaction of users with each other and increases the frequency with which users interact within the online system 140 .
  • the action logger 215 receives communications about user actions internal to and/or external to the online system 140 , populating the action log 220 with information about user actions. Examples of actions include adding a connection to another user, sending a message to another user, uploading an image, reading a message from another user, viewing content associated with another user, and attending an event posted by another user. In addition, a number of actions may involve an object and one or more particular users, so these actions are associated with the particular users as well and stored in the action log 220 .
  • the action log 220 may be used by the online system 140 to track user actions on the online system 140 , as well as actions on third party systems 130 that communicate information to the online system 140 . Users may interact with various objects on the online system 140 , and information describing these interactions is stored in the action log 220 . Examples of interactions with objects include: commenting on posts, sharing links, checking-in to physical locations via a client device 110 , accessing content items, and any other suitable interactions.
  • Additional examples of interactions with objects on the online system 140 that are included in the action log 220 include: commenting on a photo album, communicating with a user, establishing a connection with an object, joining an event, joining a group, creating an event, authorizing an application, using an application, expressing a preference for an object (“liking” the object), and engaging in a transaction. Additionally, the action log 220 may record a user's interactions with advertisements on the online system 140 as well as with other applications operating on the online system 140 . In some embodiments, data from the action log 220 is used to infer interests or preferences of a user, augmenting the interests included in the user's user profile and allowing a more complete understanding of user preferences.
  • the action log 220 may also store user actions taken on a third party system 130 , such as an external website, and communicated to the online system 140 .
  • a third party system 130 such as an external website
  • an e-commerce website may recognize a user of an online system 140 through a social plug-in enabling the e-commerce website to identify the user of the online system 140 .
  • users of the online system 140 are uniquely identifiable, e-commerce websites, such as in the preceding example, may communicate information about a user's actions outside of the online system 140 to the online system 140 for association with the user.
  • the action log 220 may record information about actions users perform on a third party system 130 , including webpage viewing histories, advertisements that were engaged, purchases made, and other patterns from shopping and buying.
  • actions a user performs via an application associated with a third party system 130 and executing on a client device 110 may be communicated to the action logger 215 by the application for recordation and association with the user in the action log 220 .
  • the edge store 225 stores information describing connections between users and other objects on the online system 140 as edges.
  • Some edges may be defined by users, allowing users to specify their relationships with other users. For example, users may generate edges with other users that parallel the users' real-life relationships, such as friends, co-workers, partners, and so forth. Other edges are generated when users interact with objects in the online system 140 , such as expressing interest in a page on the online system 140 , sharing a link with other users of the online system 140 , and commenting on posts made by other users of the online system 140 . Edges may connect two users who are connections in a social network or may connect a user with an object in the system.
  • the nodes and edges form a complex social network of connections indicating how users are related or connected to each other (e.g., one user accepted a friend request from another user to become connections in the social network) and how a user is connected to an object due to the user interacting with the object in some manner (e.g., “liking” a page object, joining an event object or a group object, etc.).
  • Objects can also be connected to each other based on the objects being related or having some interaction between them.
  • An edge may include various features each representing characteristics of interactions between users, interactions between users and objects, or interactions between objects. For example, features included in an edge describe a rate of interaction between two users, how recently two users have interacted with each other, a rate or an amount of information retrieved by one user about an object, or numbers and types of comments posted by a user about an object.
  • the features may also represent information describing a particular object or user. For example, a feature may represent the level of interest that a user has in a particular topic, the rate at which the user logs into the online system 140 , or information describing demographic information about the user.
  • Each feature may be associated with a source object or user, a target object or user, and a feature value.
  • a feature may be specified as an expression based on values describing the source object or user, the target object or user, or interactions between the source object or user and target object or user; hence, an edge may be represented as one or more feature expressions.
  • the edge store 225 also stores information about edges, such as affinity scores for objects, interests, and other users.
  • Affinity scores, or “affinities,” may be computed by the online system 140 over time to approximate a user's interest in an object or in another user in the online system 140 based on the actions performed by the user.
  • a user's affinity may be computed by the online system 140 over time to approximate the user's interest in an object, in a topic, or in another user in the online system 140 based on actions performed by the user. Computation of affinity is further described in U.S. patent application Ser. No. 12/978,265, filed on Dec. 23, 2010, U.S. patent application Ser. No. 13/690,254, filed on Nov. 30, 2012, U.S. patent application Ser. No.
  • the online system 140 identifies stories likely to be of interest to a user through a “newsfeed” presented to the user.
  • a story presented to a user describes an action taken by an additional user connected to the user and identifies the additional user.
  • a story describing an action performed by a user may be accessible to users not connected to the user that performed the action.
  • the newsfeed manager 230 may generate stories for presentation to a user based on information in the action log 220 and in the edge store 225 or may select candidate stories included in the content store 210 . One or more of the candidate stories are selected and presented to a user by the newsfeed manager 230 .
  • the newsfeed manager 230 receives a request to present one or more stories to an online system user.
  • the newsfeed manager 230 accesses one or more of the user profile store 205 , the content store 210 , the action log 220 , and the edge store 225 to retrieve information about the identified user.
  • stories or other data associated with users connected to the identified user are retrieved.
  • the retrieved stories or other data are analyzed by the newsfeed manager 230 to identify candidate content items, which include content having at least a threshold likelihood of being relevant to the user. For example, stories associated with users not connected to the identified user or stories associated with users for which the identified user has less than a threshold affinity are discarded as candidate stories.
  • the newsfeed manager 230 selects one or more of the candidate stories for presentation to the identified user.
  • the newsfeed manager 230 presents stories to a user through a newsfeed including a plurality of stories selected for presentation to the user.
  • the newsfeed may include a limited number of stories or may include a complete set of candidate stories.
  • the number of stories included in a newsfeed may be determined in part by a user preference included in user profile store 105 .
  • the newsfeed manager 230 may also determine the order in which selected stories are presented via the newsfeed. For example, the newsfeed manager 230 determines that a user has a highest affinity for a specific user and increases the number of stories in the newsfeed associated with the specific user or modifies the positions in the newsfeed where stories associated with the specific user are presented.
  • the newsfeed manager 230 may also account for actions by a user indicating a preference for types of stories and selects stories having the same, or similar, types for inclusion in the newsfeed. Additionally, the newsfeed manager 230 may analyze stories received by the online system 140 from various users to obtain information about user preferences or actions from the analyzed stories. This information may be used to refine subsequent selection of stories for newsfeeds presented to various users.
  • the messaging module 235 generates interfaces to facilitate the exchange of messages between users.
  • the messaging module 235 receives messages from a sending user related to a content item in a feed, and the messaging module 235 generates a messaging interface that is superimposed over the content item.
  • Messages received via the messaging interface for a content item may comprise a tag, such as a piece of code, that identifies the content item.
  • the messaging module 235 may provide the messaging interface to the content store 210 in order to modify the content item to include the messaging interface for presentation to the user.
  • the messaging module 235 may generate a messaging interface comprising all conversations in which the user is a participant.
  • the messaging module 235 may provide visual indicators to indicate conversations that are related to a content item.
  • the web server 240 links the online system 140 via the network 120 to the one or more client devices 110 , as well as to the one or more third party systems 130 .
  • the web server 240 serves web pages, as well as other content, such as JAVA®, FLASH®, XML and so forth.
  • the web server 240 may receive and route messages between the online system 140 and the client device 110 , for example, instant messages, queued messages (e.g., email), text messages, short message service (SMS) messages, or messages sent using any other suitable messaging technique.
  • SMS short message service
  • a user may send a request to the web server 240 to upload information (e.g., images or videos) that are stored in the content store 210 .
  • the web server 240 may provide application programming interface (API) functionality to send data directly to native client device operating systems, such as IOS®, ANDROIDTM, or BlackberryOS.
  • API application programming interface
  • FIG. 3 is a flowchart of a method 300 for generating a messaging interface for a content item, in accordance with one or more embodiments.
  • An online system such as the online system 140 of FIG. 2 , generates 310 a feed for a first user.
  • the feed may comprise a plurality of content items posted by a plurality of users.
  • the feed comprises a content item posted by a second user.
  • the content item may comprise an image, a video, text, or some combination thereof.
  • the content item may be viewable for a limited duration or a limited number of views.
  • the content item may be deleted by the online system after twenty-four hours, or the first user may be prevented from viewing or accessing the content item more than twice.
  • the first user may select the content item, such as by tapping, swiping, or clicking on the content item.
  • the online system generates 320 a messaging interface for the content item.
  • the online system may generate the messaging interface for the content item in response to the first user selecting the content item.
  • the online system may generate a messaging interface for each of a plurality of content items displayed in the feed.
  • the messaging interface is configured to allow the first user to send a direct message to the second user.
  • the direct message may be viewable only by the first user and the second user.
  • the messaging interface may display a text entry field for the first user to enter text, images, or other content.
  • the messaging interface displays the content item.
  • the messaging interface may display the content item in a size larger than the content item was displayed in the feed. For example, the content item may be expanded to fill at least 50% or at least 90% of the screen on the client device.
  • the online system receives 330 a message from the first user via the messaging interface for the content item.
  • the first user may have typed, spoken, selected an image, or otherwise entered content into the text entry field of the messaging interface.
  • the first user may enter content into the text entry field by any other suitable method as is known in existing messaging applications.
  • the online system may store the message in association with the content item in the content store.
  • the message may comprise metadata indicating that the message was submitted via the messaging interface for the content item.
  • the message may comprise a tag, such as a piece of code, that identifies the content item.
  • the online system may retrieve any messages associated with the content item.
  • the online system superimposes 340 the message over the content item in the messaging interface.
  • the superimposed message is part of an active message thread, to which the first user and the second user may post additional messages to be displayed over the content item in the messaging interface.
  • the online system may superimpose the image over the content item based on the metadata associated with the message identifying the content item.
  • the message may be displayed in a message bubble.
  • the message bubble may be opaque, transparent, partially transparent, or some combination thereof.
  • the message bubble may comprise a visible outline.
  • the text may be displayed within the message bubble. In embodiments with an opaque or partially transparent message bubble, the message bubble may obscure a portion of the content item.
  • the content item may be at least partially visible behind the message bubble, and the content item may be obscured by the text within the message bubble.
  • the text color may be selected at least partially based on the color of the content item in order to increase contrast between the message text and the item. For example, for a lightly colored content item, the online system may select black text for the message, and for a darkly colored content item, the online system may select white text for the message.
  • the online system transmits 350 the message to the second user.
  • the online system may transmit a notification to the second user that the first user sent the message.
  • the online may display a notification badge over the content item for the second user.
  • the online system may display the content item, and the online system may also display the notification badge on top of or adjacent to the content item.
  • the online system may display the message superimposed over the content item.
  • the second user may have received messages associated with the content item from a plurality of users.
  • the online system may display a separate notification badge for each user that transmitted a message to the second user for the content item.
  • the notification badges may comprise an icon, such as a thumbnail image of the profile picture for the user sending the message.
  • the second user may access messages from a user by selecting the icon associated with the user. Thus, the second user may be able to separately view the conversations with each user.
  • the online system may transmit the message to the second user via a messaging application associated with the online system.
  • the messaging application may display all conversations in which the second user is a participant, and the message application may display the message as a new message in a conversation between the first user and the second user.
  • the online system may transmit an image of the content item through the messaging application.
  • the image of the content item may provide context for the second user to know that the message from the first user was submitted via the messaging interface for the content item. For example, if the message from the first user says, “where are you,” and is sent without any other context, the message may be interpreted by the second user differently than if the message is transmitted along with an image of the content item.
  • the online system may send an image for each content item, and the image may be displayed above the message associated with the respective content item.
  • the online system receives 360 , from the second user, a response to the message.
  • the second user may enter the response in a text entry field in a messaging interface for the content item. Similar to the messaging interface for the content item presented to the first user, the online system may generate and display a messaging interface for the content item to the second user. Alternatively, or in addition, the second user may submit the response via the messaging application.
  • the online system superimposes 370 the response over the content item in the messaging interface displayed to the first user. Similarly, the online system may superimpose the response over the content item in the messaging interface displayed to the second user.
  • the response may be displayed similarly to the message, such as in a message bubble that is opaque, transparent, or partially transparent.
  • the messaging interface may move previous messages up in the messaging interface and display the response in the lowermost message position.
  • the messaging interface may comprise one or more fade lines, above which the messages change appearance. Above, the fade line, the messages become less visible. For example, the messages may become more transparent, change color, or disappear completely above the fade line. The fade line itself may not be visible to the viewer. The user may input a vertical scroll command to scroll messages back into view.
  • FIG. 4 illustrates a user interface for a feed 400 , in accordance with one or more embodiments.
  • the feed 400 is an embodiment of a feed generated by the online system 140 of FIG. 2 .
  • the feed 400 comprises a content item 410 posted by a first user, a content item 420 posted by a second user, and a content item 430 posted by a third user.
  • the content items 410 , 420 , 430 may be horizontally scrollable.
  • the content items 410 , 420 , 430 may be stories, as previously described with respect to FIG. 2 .
  • the content items 410 , 420 , 430 may each comprise an image, video, text, or some combination thereof.
  • one or more of the content items 410 , 420 , 430 may be associated with multiple images, and one of the images is displayed on the feed 400 .
  • the additional images may be displayed to the user.
  • the content items 410 , 420 , 430 may each identify the user that posted the respective content item, such as by displaying the user's name or image.
  • the feed 400 comprises additional content items 440 , 450 .
  • the content items 440 , 450 may be replaced by other content items in the feed, and the content items 410 , 420 , 430 may remain stationary and in view. The user may select one of the content items to begin or return to a conversation for the content item.
  • only the horizontally scrollable content items 410 , 420 , 430 may be available for creation of a messaging interface. In other embodiments, all content items 410 , 420 , 430 , 440 , 450 may be available for creation of a messaging interface.
  • FIG. 5 illustrates a messaging interface 500 for the content item 430 , in accordance with an embodiment.
  • the online system In response to the user selecting the content item 430 from the feed 400 shown in FIG. 4 , the online system generates the messaging interface 500 for the content item 430 .
  • the messaging interface 500 shows the content item 430 .
  • the messaging interface 500 includes a text entry field 510 .
  • the text entry field 510 may include a media icon 520 which the user may select to send images, videos, emojis, etc.
  • the message 530 is displayed superimposed over the content item 430 .
  • FIG. 6 illustrates the messaging interface 500 for the content item 430 including reply messages, in accordance with an embodiment.
  • the recipient user may transmit a response to the message 530 .
  • the recipient user may submit the response via the messaging application.
  • the online system displays the response in the messaging interface 500 .
  • the messaging interface 500 displays a first response 610 and a second response 620 sent by the recipient user. Each subsequent message in the conversation is displayed in a lowest message position, and previous messages are moved upwards on the messaging interface 500 .
  • the messaging interface 500 comprises a first fade line 630 and a second fade line 640 .
  • the online system may change a display property of the message. For example, the online system may change the opacity or color of the message 650 .
  • the messaging interface 500 may remove the message from view or display only the portion of the message which is below the second fade line 640 .
  • the messaging interface 500 may display previous messages below the second fade line 640 .
  • the messaging interface 500 may display messages submitted by the sending user via messaging interfaces for multiple content items posted by the recipient user. For example, the sending user may have submitted a message 660 via a messaging interface for a content item different than the content item 430 .
  • the messaging interface 500 may display a thumbnail image 670 of the content item to provide context that the message 660 was submitted via the messaging interface for the content item.
  • the messaging interface 500 displays a thumbnail image 680 of the content item 430 to indicate that subsequent messages were sent via the messaging interface 500 for the content item 430 .
  • the messages sent via messaging interfaces may be displayed in a single messaging interface 500 while maintaining the context of how the messages were sent by the sending user.
  • FIG. 7 illustrates a messaging interface 700 for a messaging application, in accordance with an embodiment.
  • the recipient user that posted the content item 430 of FIG. 4 may receive messages via the messaging interface 700 for messages posted by other users via messaging interfaces for the content item 430 .
  • the messaging interface 700 displays a conversation between the recipient user and the sending user.
  • the messaging interface 700 may display a thumbnail image 710 of the content item 430 .
  • the thumbnail image 710 provides context to the recipient user to know that the subsequently displayed messages 720 , 730 , 740 are associated with the content item 430 and may have been submitted via a messaging interface for the content item 430 .
  • the messaging interface 700 may also display previous messages between the recipient user and the sending user that were not submitted via the messaging interface for the content item 430 .
  • the messaging interface 700 displays a previously submitted message 750 .
  • the recipient user may view all messages between the recipient user and the sending user in the messaging interface 700 while maintaining the context of how the messages were sent by the sending user.
  • a software module is implemented with a computer program product comprising a computer-readable medium containing computer program code, which can be executed by a computer processor for performing any or all of the steps, operations, or processes described.
  • Embodiments may also relate to an apparatus for performing the operations herein.
  • This apparatus may be specially constructed for the required purposes, and/or it may comprise a general-purpose computing device selectively activated or reconfigured by a computer program stored in the computer.
  • a computer program may be stored in a non-transitory, tangible computer readable storage medium, or any type of media suitable for storing electronic instructions, which may be coupled to a computer system bus.
  • any computing systems referred to in the specification may include a single processor or may be architectures employing multiple processor designs for increased computing capability.
  • Embodiments may also relate to a product that is produced by a computing process described herein.
  • a product may comprise information resulting from a computing process, where the information is stored on a non-transitory, tangible computer readable storage medium and may include any embodiment of a computer program product or other data combination described herein.

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Computing Systems (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

A social networking system provides a user interface for a sending user to send messages to a recipient user in association with a content item posted by the recipient user in the social networking system. The sending user views a content item posted by the recipient user, such as a photograph. The sending user posts a direct message to the recipient user related to the content item. The direct message is displayed to the sending user superimposed over the content item. Subsequent direct messages in the conversation are also displayed superimposed over the content item.

Description

    CROSS REFERENCE TO RELATED APPLICATIONS
  • This application is a continuation of co-pending U.S. application Ser. No. 16/869,010, filed May 7, 2020, which is incorporated by reference in its entirety.
  • BACKGROUND
  • This disclosure relates generally to social networking systems, and more specifically to displaying messages in social networking systems.
  • Social networking systems often include a messaging application that allows users to exchange messages in a private conversation between users. The conversation may include all messages exchanged between the users. Social networking systems often also allow users to post comments on content items posted by other users. The comments may be viewable by other users. To send a private message regarding a content item, a user may send a message via the messaging application and reference the content item in the message.
  • SUMMARY
  • A social networking system provides a user interface for a sending user to send messages to a recipient user in association with a content item posted by the recipient user in the social networking system. The sending user views a content item posted by the recipient user, such as a photograph. The sending user posts a direct message to the recipient user related to the content item. For example, the sending user may type a message in a reply field displayed over or adjacent to the content item. The direct message is displayed to the sending user superimposed over the content item. Subsequent direct messages in the conversation are also displayed superimposed over the content item. Previous messages may scroll up in response to new messages being displayed. The recipient user may view the conversation in a messaging interface. The social networking system may display a notification badge or icon over the content item indicating that a conversation exists for the content item. In contrast to public comments or direct messages sent without context, the messaging interfaces described herein facilitate private conversations between users which provide the context of the content item to which the conversation is related. Additionally, the messaging interfaces described herein allow the sending user to send messages to the recipient user without redirecting the sending user to a messaging application which may interrupt the sending user's session.
  • In some embodiments, a method may comprise generating, by a processor in an online system, a feed for a first user. The feed may comprise a content item posted by a second user. The processor may generate a messaging interface for the content item. The processor may receive a message from the first user via the messaging interface for the content item. Metadata associated with the message may identify the content item. The processor may superimpose the message over the content item.
  • BRIEF DESCRIPTION OF THE DRAWINGS
  • FIG. 1 is a block diagram of a system environment in which an online system operates, in accordance with an embodiment.
  • FIG. 2 is a block diagram of an online system, in accordance with an embodiment.
  • FIG. 3 is a flowchart of a method for generating a messaging interface, in accordance with an embodiment.
  • FIG. 4 is a user interface for a feed, in accordance with an embodiment.
  • FIG. 5 is a messaging interface for a content item, in accordance with an embodiment.
  • FIG. 6 is the messaging interface for the content item including response messages, in accordance with an embodiment.
  • FIG. 7 is a user interface for a messaging interface for a messaging application, in accordance with an embodiment.
  • The figures depict various embodiments for purposes of illustration only. One skilled in the art will readily recognize from the following discussion that alternative embodiments of the structures and methods illustrated herein may be employed without departing from the principles described herein.
  • DETAILED DESCRIPTION System Architecture
  • FIG. 1 is a block diagram of a system environment 100 for an online system 140. The system environment 100 shown by FIG. 1 comprises one or more client devices 110, a network 120, one or more third-party systems 130, and the online system 140. In alternative configurations, different and/or additional components may be included in the system environment 100. For example, the online system 140 is a social networking system, a content sharing network, or another system providing content to users.
  • The client devices 110 are one or more computing devices capable of receiving user input as well as transmitting and/or receiving data via the network 120. In one embodiment, a client device 110 is a conventional computer system, such as a desktop or a laptop computer. Alternatively, a client device 110 may be a device having computer functionality, such as a personal digital assistant (PDA), a mobile telephone, a smartphone, or another suitable device. A client device 110 is configured to communicate via the network 120. In one embodiment, a client device 110 executes an application allowing a user of the client device 110 to interact with the online system 140. For example, a client device 110 executes a browser application to enable interaction between the client device 110 and the online system 140 via the network 120. In another embodiment, a client device 110 interacts with the online system 140 through an application programming interface (API) running on a native operating system of the client device 110, such as IOS® or ANDROID™.
  • The client devices 110 are configured to communicate via the network 120, which may comprise any combination of local area and/or wide area networks, using both wired and/or wireless communication systems. In one embodiment, the network 120 uses standard communications technologies and/or protocols. For example, the network 120 includes communication links using technologies such as Ethernet, 802.11, worldwide interoperability for microwave access (WiMAX), 3G, 4G, code division multiple access (CDMA), digital subscriber line (DSL), etc. Examples of networking protocols used for communicating via the network 120 include multiprotocol label switching (MPLS), transmission control protocol/Internet protocol (TCP/IP), hypertext transport protocol (HTTP), simple mail transfer protocol (SMTP), and file transfer protocol (FTP). Data exchanged over the network 120 may be represented using any suitable format, such as hypertext markup language (HTML) or extensible markup language (XML). In some embodiments, all or some of the communication links of the network 120 may be encrypted using any suitable technique or techniques.
  • One or more third party systems 130 may be coupled to the network 120 for communicating with the online system 140, which is further described below in conjunction with FIG. 2 . In one embodiment, a third party system 130 is an application provider communicating information describing applications for execution by a client device 110 or communicating data to client devices 110 for use by an application executing on the client device. In other embodiments, a third party system 130 provides content or other information for presentation via a client device 110. A third party system 130 may also communicate information to the online system 140, such as advertisements, content, or information about an application provided by the third party system 130.
  • FIG. 2 is a block diagram of an architecture of the online system 140. The online system 140 shown in FIG. 2 includes a user profile store 205, a content store 210, an action logger 215, an action log 220, an edge store 225, a newsfeed manager 230, a messaging module 235, and a web server 240. In other embodiments, the online system 140 may include additional, fewer, or different components for various applications. Conventional components such as network interfaces, security functions, load balancers, failover servers, management and network operations consoles, and the like are not shown so as to not obscure the details of the system architecture.
  • Each user of the online system 140 is associated with a user profile, which is stored in the user profile store 205. A user profile includes declarative information about the user that was explicitly shared by the user and may also include profile information inferred by the online system 140. In one embodiment, a user profile includes multiple data fields, each describing one or more attributes of the corresponding online system user. Examples of information stored in a user profile include biographic, demographic, and other types of descriptive information, such as work experience, educational history, gender, hobbies or preferences, location and the like. A user profile may also store other information provided by the user, for example, images or videos. In certain embodiments, images of users may be tagged with information identifying the online system users displayed in an image, with information identifying the images in which a user is tagged stored in the user profile of the user. A user profile in the user profile store 205 may also maintain references to actions by the corresponding user performed on content items in the content store 210 and stored in the action log 220.
  • While user profiles in the user profile store 205 are frequently associated with individuals, allowing individuals to interact with each other via the online system 140, user profiles may also be stored for entities such as businesses or organizations. This allows an entity to establish a presence on the online system 140 for connecting and exchanging content with other online system users. The entity may post information about itself, about its products or provide other information to users of the online system 140 using a brand page associated with the entity's user profile. Other users of the online system 140 may connect to the brand page to receive information posted to the brand page or to receive information from the brand page. A user profile associated with the brand page may include information about the entity itself, providing users with background or informational data about the entity.
  • The content store 210 stores objects that each represent various types of content. Examples of content represented by an object include a page post, a status update, a photograph, a video, a link, a shared content item, a gaming application achievement, a check-in event at a local business, a brand page, or any other type of content. Online system users may create objects stored by the content store 210, such as status updates, photos tagged by users to be associated with other objects in the online system 140, events, groups or applications. In some embodiments, objects are received from third-party applications or third-party applications separate from the online system 140. In one embodiment, objects in the content store 210 represent single pieces of content, or content “items.” Hence, online system users are encouraged to communicate with each other by posting text and content items of various types of media to the online system 140 through various communication channels. This increases the amount of interaction of users with each other and increases the frequency with which users interact within the online system 140.
  • The action logger 215 receives communications about user actions internal to and/or external to the online system 140, populating the action log 220 with information about user actions. Examples of actions include adding a connection to another user, sending a message to another user, uploading an image, reading a message from another user, viewing content associated with another user, and attending an event posted by another user. In addition, a number of actions may involve an object and one or more particular users, so these actions are associated with the particular users as well and stored in the action log 220.
  • The action log 220 may be used by the online system 140 to track user actions on the online system 140, as well as actions on third party systems 130 that communicate information to the online system 140. Users may interact with various objects on the online system 140, and information describing these interactions is stored in the action log 220. Examples of interactions with objects include: commenting on posts, sharing links, checking-in to physical locations via a client device 110, accessing content items, and any other suitable interactions. Additional examples of interactions with objects on the online system 140 that are included in the action log 220 include: commenting on a photo album, communicating with a user, establishing a connection with an object, joining an event, joining a group, creating an event, authorizing an application, using an application, expressing a preference for an object (“liking” the object), and engaging in a transaction. Additionally, the action log 220 may record a user's interactions with advertisements on the online system 140 as well as with other applications operating on the online system 140. In some embodiments, data from the action log 220 is used to infer interests or preferences of a user, augmenting the interests included in the user's user profile and allowing a more complete understanding of user preferences.
  • The action log 220 may also store user actions taken on a third party system 130, such as an external website, and communicated to the online system 140. For example, an e-commerce website may recognize a user of an online system 140 through a social plug-in enabling the e-commerce website to identify the user of the online system 140. Because users of the online system 140 are uniquely identifiable, e-commerce websites, such as in the preceding example, may communicate information about a user's actions outside of the online system 140 to the online system 140 for association with the user. Hence, the action log 220 may record information about actions users perform on a third party system 130, including webpage viewing histories, advertisements that were engaged, purchases made, and other patterns from shopping and buying. Additionally, actions a user performs via an application associated with a third party system 130 and executing on a client device 110 may be communicated to the action logger 215 by the application for recordation and association with the user in the action log 220.
  • In one embodiment, the edge store 225 stores information describing connections between users and other objects on the online system 140 as edges. Some edges may be defined by users, allowing users to specify their relationships with other users. For example, users may generate edges with other users that parallel the users' real-life relationships, such as friends, co-workers, partners, and so forth. Other edges are generated when users interact with objects in the online system 140, such as expressing interest in a page on the online system 140, sharing a link with other users of the online system 140, and commenting on posts made by other users of the online system 140. Edges may connect two users who are connections in a social network or may connect a user with an object in the system. In one embodiment, the nodes and edges form a complex social network of connections indicating how users are related or connected to each other (e.g., one user accepted a friend request from another user to become connections in the social network) and how a user is connected to an object due to the user interacting with the object in some manner (e.g., “liking” a page object, joining an event object or a group object, etc.). Objects can also be connected to each other based on the objects being related or having some interaction between them.
  • An edge may include various features each representing characteristics of interactions between users, interactions between users and objects, or interactions between objects. For example, features included in an edge describe a rate of interaction between two users, how recently two users have interacted with each other, a rate or an amount of information retrieved by one user about an object, or numbers and types of comments posted by a user about an object. The features may also represent information describing a particular object or user. For example, a feature may represent the level of interest that a user has in a particular topic, the rate at which the user logs into the online system 140, or information describing demographic information about the user. Each feature may be associated with a source object or user, a target object or user, and a feature value. A feature may be specified as an expression based on values describing the source object or user, the target object or user, or interactions between the source object or user and target object or user; hence, an edge may be represented as one or more feature expressions.
  • The edge store 225 also stores information about edges, such as affinity scores for objects, interests, and other users. Affinity scores, or “affinities,” may be computed by the online system 140 over time to approximate a user's interest in an object or in another user in the online system 140 based on the actions performed by the user. A user's affinity may be computed by the online system 140 over time to approximate the user's interest in an object, in a topic, or in another user in the online system 140 based on actions performed by the user. Computation of affinity is further described in U.S. patent application Ser. No. 12/978,265, filed on Dec. 23, 2010, U.S. patent application Ser. No. 13/690,254, filed on Nov. 30, 2012, U.S. patent application Ser. No. 13/689,969, filed on Nov. 30, 2012, and U.S. patent application Ser. No. 13/690,088, filed on Nov. 30, 2012, each of which is hereby incorporated by reference in its entirety. Multiple interactions between a user and a specific object may be stored as a single edge in the edge store 225, in one embodiment. Alternatively, each interaction between a user and a specific object is stored as a separate edge. In some embodiments, connections between users may be stored in the user profile store 205, or the user profile store 205 may access the edge store 225 to determine connections between users.
  • In one embodiment, the online system 140 identifies stories likely to be of interest to a user through a “newsfeed” presented to the user. A story presented to a user describes an action taken by an additional user connected to the user and identifies the additional user. In some embodiments, a story describing an action performed by a user may be accessible to users not connected to the user that performed the action. The newsfeed manager 230 may generate stories for presentation to a user based on information in the action log 220 and in the edge store 225 or may select candidate stories included in the content store 210. One or more of the candidate stories are selected and presented to a user by the newsfeed manager 230.
  • For example, the newsfeed manager 230 receives a request to present one or more stories to an online system user. The newsfeed manager 230 accesses one or more of the user profile store 205, the content store 210, the action log 220, and the edge store 225 to retrieve information about the identified user. For example, stories or other data associated with users connected to the identified user are retrieved. The retrieved stories or other data are analyzed by the newsfeed manager 230 to identify candidate content items, which include content having at least a threshold likelihood of being relevant to the user. For example, stories associated with users not connected to the identified user or stories associated with users for which the identified user has less than a threshold affinity are discarded as candidate stories. Based on various criteria, the newsfeed manager 230 selects one or more of the candidate stories for presentation to the identified user.
  • In various embodiments, the newsfeed manager 230 presents stories to a user through a newsfeed including a plurality of stories selected for presentation to the user. The newsfeed may include a limited number of stories or may include a complete set of candidate stories. The number of stories included in a newsfeed may be determined in part by a user preference included in user profile store 105. The newsfeed manager 230 may also determine the order in which selected stories are presented via the newsfeed. For example, the newsfeed manager 230 determines that a user has a highest affinity for a specific user and increases the number of stories in the newsfeed associated with the specific user or modifies the positions in the newsfeed where stories associated with the specific user are presented.
  • The newsfeed manager 230 may also account for actions by a user indicating a preference for types of stories and selects stories having the same, or similar, types for inclusion in the newsfeed. Additionally, the newsfeed manager 230 may analyze stories received by the online system 140 from various users to obtain information about user preferences or actions from the analyzed stories. This information may be used to refine subsequent selection of stories for newsfeeds presented to various users.
  • The messaging module 235 generates interfaces to facilitate the exchange of messages between users. The messaging module 235 receives messages from a sending user related to a content item in a feed, and the messaging module 235 generates a messaging interface that is superimposed over the content item. Messages received via the messaging interface for a content item may comprise a tag, such as a piece of code, that identifies the content item. The messaging module 235 may provide the messaging interface to the content store 210 in order to modify the content item to include the messaging interface for presentation to the user. The messaging module 235 may generate a messaging interface comprising all conversations in which the user is a participant. The messaging module 235 may provide visual indicators to indicate conversations that are related to a content item.
  • The web server 240 links the online system 140 via the network 120 to the one or more client devices 110, as well as to the one or more third party systems 130. The web server 240 serves web pages, as well as other content, such as JAVA®, FLASH®, XML and so forth. The web server 240 may receive and route messages between the online system 140 and the client device 110, for example, instant messages, queued messages (e.g., email), text messages, short message service (SMS) messages, or messages sent using any other suitable messaging technique. A user may send a request to the web server 240 to upload information (e.g., images or videos) that are stored in the content store 210. Additionally, the web server 240 may provide application programming interface (API) functionality to send data directly to native client device operating systems, such as IOS®, ANDROID™, or BlackberryOS.
  • Generating a Messaging Interface for a Content Item
  • FIG. 3 is a flowchart of a method 300 for generating a messaging interface for a content item, in accordance with one or more embodiments. An online system, such as the online system 140 of FIG. 2 , generates 310 a feed for a first user. The feed may comprise a plurality of content items posted by a plurality of users. The feed comprises a content item posted by a second user. The content item may comprise an image, a video, text, or some combination thereof. In some embodiments, the content item may be viewable for a limited duration or a limited number of views. For example, the content item may be deleted by the online system after twenty-four hours, or the first user may be prevented from viewing or accessing the content item more than twice. The first user may select the content item, such as by tapping, swiping, or clicking on the content item.
  • The online system generates 320 a messaging interface for the content item. In some embodiments, the online system may generate the messaging interface for the content item in response to the first user selecting the content item. In some embodiments, the online system may generate a messaging interface for each of a plurality of content items displayed in the feed. The messaging interface is configured to allow the first user to send a direct message to the second user. The direct message may be viewable only by the first user and the second user. The messaging interface may display a text entry field for the first user to enter text, images, or other content. The messaging interface displays the content item. The messaging interface may display the content item in a size larger than the content item was displayed in the feed. For example, the content item may be expanded to fill at least 50% or at least 90% of the screen on the client device.
  • The online system receives 330 a message from the first user via the messaging interface for the content item. For example, the first user may have typed, spoken, selected an image, or otherwise entered content into the text entry field of the messaging interface. The first user may enter content into the text entry field by any other suitable method as is known in existing messaging applications. The online system may store the message in association with the content item in the content store. The message may comprise metadata indicating that the message was submitted via the messaging interface for the content item. For example, the message may comprise a tag, such as a piece of code, that identifies the content item. In response to the first user or the second user subsequently accessing the content item, the online system may retrieve any messages associated with the content item.
  • The online system superimposes 340 the message over the content item in the messaging interface. The superimposed message is part of an active message thread, to which the first user and the second user may post additional messages to be displayed over the content item in the messaging interface. In some embodiments, the online system may superimpose the image over the content item based on the metadata associated with the message identifying the content item. In some embodiments, the message may be displayed in a message bubble. The message bubble may be opaque, transparent, partially transparent, or some combination thereof. The message bubble may comprise a visible outline. The text may be displayed within the message bubble. In embodiments with an opaque or partially transparent message bubble, the message bubble may obscure a portion of the content item. In embodiments with a transparent or partially transparent message bubble, the content item may be at least partially visible behind the message bubble, and the content item may be obscured by the text within the message bubble. In some embodiments, the text color may be selected at least partially based on the color of the content item in order to increase contrast between the message text and the item. For example, for a lightly colored content item, the online system may select black text for the message, and for a darkly colored content item, the online system may select white text for the message.
  • The online system transmits 350 the message to the second user. The online system may transmit a notification to the second user that the first user sent the message. The online may display a notification badge over the content item for the second user. For example, in the second user's profile page, or in the second user's feed, the online system may display the content item, and the online system may also display the notification badge on top of or adjacent to the content item. In response to the second user selecting the content item or selecting the notification badge, the online system may display the message superimposed over the content item. In some embodiments, the second user may have received messages associated with the content item from a plurality of users. The online system may display a separate notification badge for each user that transmitted a message to the second user for the content item. In some embodiments, the notification badges may comprise an icon, such as a thumbnail image of the profile picture for the user sending the message. The second user may access messages from a user by selecting the icon associated with the user. Thus, the second user may be able to separately view the conversations with each user.
  • Additionally, or alternatively, the online system may transmit the message to the second user via a messaging application associated with the online system. For example, the messaging application may display all conversations in which the second user is a participant, and the message application may display the message as a new message in a conversation between the first user and the second user. In some embodiments, the online system may transmit an image of the content item through the messaging application. The image of the content item may provide context for the second user to know that the message from the first user was submitted via the messaging interface for the content item. For example, if the message from the first user says, “where are you,” and is sent without any other context, the message may be interpreted by the second user differently than if the message is transmitted along with an image of the content item. If the first user sends messages via messaging interfaces from multiple content items, the online system may send an image for each content item, and the image may be displayed above the message associated with the respective content item.
  • The online system receives 360, from the second user, a response to the message. In some embodiments, the second user may enter the response in a text entry field in a messaging interface for the content item. Similar to the messaging interface for the content item presented to the first user, the online system may generate and display a messaging interface for the content item to the second user. Alternatively, or in addition, the second user may submit the response via the messaging application.
  • The online system superimposes 370 the response over the content item in the messaging interface displayed to the first user. Similarly, the online system may superimpose the response over the content item in the messaging interface displayed to the second user. The response may be displayed similarly to the message, such as in a message bubble that is opaque, transparent, or partially transparent. The messaging interface may move previous messages up in the messaging interface and display the response in the lowermost message position.
  • In some embodiments, the messaging interface may comprise one or more fade lines, above which the messages change appearance. Above, the fade line, the messages become less visible. For example, the messages may become more transparent, change color, or disappear completely above the fade line. The fade line itself may not be visible to the viewer. The user may input a vertical scroll command to scroll messages back into view.
  • FIG. 4 illustrates a user interface for a feed 400, in accordance with one or more embodiments. The feed 400 is an embodiment of a feed generated by the online system 140 of FIG. 2 . The feed 400 comprises a content item 410 posted by a first user, a content item 420 posted by a second user, and a content item 430 posted by a third user. The content items 410, 420, 430 may be horizontally scrollable. The content items 410, 420, 430 may be stories, as previously described with respect to FIG. 2 . The content items 410, 420, 430 may each comprise an image, video, text, or some combination thereof. In some embodiments, one or more of the content items 410, 420, 430 may be associated with multiple images, and one of the images is displayed on the feed 400. In response to the user selecting the content item, the additional images may be displayed to the user. The content items 410, 420, 430 may each identify the user that posted the respective content item, such as by displaying the user's name or image. The feed 400 comprises additional content items 440, 450. In some embodiments, in response to scrolling vertically, the content items 440, 450 may be replaced by other content items in the feed, and the content items 410, 420, 430 may remain stationary and in view. The user may select one of the content items to begin or return to a conversation for the content item. In some embodiments, only the horizontally scrollable content items 410, 420, 430 may be available for creation of a messaging interface. In other embodiments, all content items 410, 420, 430, 440, 450 may be available for creation of a messaging interface.
  • FIG. 5 illustrates a messaging interface 500 for the content item 430, in accordance with an embodiment. In response to the user selecting the content item 430 from the feed 400 shown in FIG. 4 , the online system generates the messaging interface 500 for the content item 430. The messaging interface 500 shows the content item 430. The messaging interface 500 includes a text entry field 510. The text entry field 510 may include a media icon 520 which the user may select to send images, videos, emojis, etc. In response to the user submitting a message, the message 530 is displayed superimposed over the content item 430.
  • FIG. 6 illustrates the messaging interface 500 for the content item 430 including reply messages, in accordance with an embodiment. The recipient user may transmit a response to the message 530. For example, the recipient user may submit the response via the messaging application. In response to receiving the response, the online system displays the response in the messaging interface 500. As shown, the messaging interface 500 displays a first response 610 and a second response 620 sent by the recipient user. Each subsequent message in the conversation is displayed in a lowest message position, and previous messages are moved upwards on the messaging interface 500.
  • The messaging interface 500 comprises a first fade line 630 and a second fade line 640. In response to a message being moved above the first fade line 630, the online system may change a display property of the message. For example, the online system may change the opacity or color of the message 650. In response to a message being moved above the second fade line 640, the messaging interface 500 may remove the message from view or display only the portion of the message which is below the second fade line 640. In response to the user scrolling downward vertically, the messaging interface 500 may display previous messages below the second fade line 640.
  • The messaging interface 500 may display messages submitted by the sending user via messaging interfaces for multiple content items posted by the recipient user. For example, the sending user may have submitted a message 660 via a messaging interface for a content item different than the content item 430. The messaging interface 500 may display a thumbnail image 670 of the content item to provide context that the message 660 was submitted via the messaging interface for the content item. The messaging interface 500 displays a thumbnail image 680 of the content item 430 to indicate that subsequent messages were sent via the messaging interface 500 for the content item 430. Thus, the messages sent via messaging interfaces may be displayed in a single messaging interface 500 while maintaining the context of how the messages were sent by the sending user.
  • FIG. 7 illustrates a messaging interface 700 for a messaging application, in accordance with an embodiment. The recipient user that posted the content item 430 of FIG. 4 may receive messages via the messaging interface 700 for messages posted by other users via messaging interfaces for the content item 430. The messaging interface 700 displays a conversation between the recipient user and the sending user. The messaging interface 700 may display a thumbnail image 710 of the content item 430. The thumbnail image 710 provides context to the recipient user to know that the subsequently displayed messages 720, 730, 740 are associated with the content item 430 and may have been submitted via a messaging interface for the content item 430. The messaging interface 700 may also display previous messages between the recipient user and the sending user that were not submitted via the messaging interface for the content item 430. For example, the messaging interface 700 displays a previously submitted message 750. Thus, the recipient user may view all messages between the recipient user and the sending user in the messaging interface 700 while maintaining the context of how the messages were sent by the sending user.
  • CONCLUSION
  • The foregoing description of the embodiments has been presented for the purpose of illustration; it is not intended to be exhaustive or to limit the patent rights to the precise forms disclosed. Persons skilled in the relevant art can appreciate that many modifications and variations are possible in light of the above disclosure.
  • Some portions of this description describe the embodiments in terms of algorithms and symbolic representations of operations on information. These algorithmic descriptions and representations are commonly used by those skilled in the data processing arts to convey the substance of their work effectively to others skilled in the art. These operations, while described functionally, computationally, or logically, are understood to be implemented by computer programs or equivalent electrical circuits, microcode, or the like. Furthermore, it has also proven convenient at times, to refer to these arrangements of operations as modules, without loss of generality. The described operations and their associated modules may be embodied in software, firmware, hardware, or any combinations thereof.
  • Any of the steps, operations, or processes described herein may be performed or implemented with one or more hardware or software modules, alone or in combination with other devices. In one embodiment, a software module is implemented with a computer program product comprising a computer-readable medium containing computer program code, which can be executed by a computer processor for performing any or all of the steps, operations, or processes described.
  • Embodiments may also relate to an apparatus for performing the operations herein. This apparatus may be specially constructed for the required purposes, and/or it may comprise a general-purpose computing device selectively activated or reconfigured by a computer program stored in the computer. Such a computer program may be stored in a non-transitory, tangible computer readable storage medium, or any type of media suitable for storing electronic instructions, which may be coupled to a computer system bus. Furthermore, any computing systems referred to in the specification may include a single processor or may be architectures employing multiple processor designs for increased computing capability.
  • Embodiments may also relate to a product that is produced by a computing process described herein. Such a product may comprise information resulting from a computing process, where the information is stored on a non-transitory, tangible computer readable storage medium and may include any embodiment of a computer program product or other data combination described herein.
  • Finally, the language used in the specification has been principally selected for readability and instructional purposes, and it may not have been selected to delineate or circumscribe the patent rights. It is therefore intended that the scope of the patent rights be limited not by this detailed description, but rather by any claims that issue on an application based hereon. Accordingly, the disclosure of the embodiments is intended to be illustrative, but not limiting, of the scope of the patent rights, which is set forth in the following claims.

Claims (20)

1. A method comprising:
generating, by an online system, a feed for a first user, the feed comprising a content item posted by a second user;
sending, from the online system to a device of the first user, the feed for display to the first user;
receiving, by the online system, a selection of the content item by the first user through the feed;
responsive to receiving the selection of the content item by the first user, generating, by the online system, a messaging interface between the first user and the second user, the messaging interface displaying at least a portion of the posted content item;
sending the messaging interface to devices of the first and second users;
receiving, by the online system from via the messaging interface, one or more messages from at least one of the first user and the second user; and
updating the messaging interface for the first and second users to display the received messages in an active messaging thread, the active messaging thread displayed in the messaging interface to scroll over the content item.
2. The method of claim 1, wherein the online system is a social networking system, and the feed is a newsfeed of content items describing actions of other users with whom the first user has established a connection in the social networking system.
3. The method of claim 1, wherein the messaging interface between the first user and the second user is generated in a messaging application.
4. The method of claim 3, further comprising:
causing the device of the first user to launch the messaging application in response to receiving the selection of the content item by the first user.
5. The method of claim 1, wherein the message and the response are direct messages viewable only by the first user and the second user.
6. The method of claim 1, wherein the displayed at least a portion of the posted content item comprises a thumbnail of an image in the posted content item.
7. The method of claim 1, wherein each of the one or more messages are displayed in the messaging interface as text within a message bubble.
8. The method of claim 7, wherein the message bubble is at least partially transparent over the content item.
9. The method of claim 1, wherein the received messages in the active messaging thread scroll towards a boarder of the messaging interface.
10. The method of claim 1, wherein the received messages in the active messaging thread become partially transparent as they scroll past a fade line in the messaging interface.
11. A computer program product comprising a non-transitory computer-readable storage medium containing computer program code for:
generating, by an online system, a feed for a first user, the feed comprising a content item posted by a second user;
sending, from the online system to a device of the first user, the feed for display to the first user;
receiving, by the online system, a selection of the content item by the first user through the feed;
responsive to receiving the selection of the content item by the first user, generating, by the online system, a messaging interface between the first user and the second user, the messaging interface displaying at least a portion of the posted content item;
sending the messaging interface to devices of the first and second users;
receiving, by the online system from via the messaging interface, one or more messages from at least one of the first user and the second user; and
updating the messaging interface for the first and second users to display the received messages in an active messaging thread, the active messaging thread displayed in the messaging interface to scroll over the content item.
12. The computer program product of claim 11, wherein the online system is a social networking system, and the feed is a newsfeed of content items describing actions of other users with whom the first user has established a connection in the social networking system.
13. The computer program product of claim 11, wherein the messaging interface between the first user and the second user is generated in a messaging application.
14. The computer program product of claim 13, wherein the non-transitory computer-readable storage medium further contains computer program code for:
causing the device of the first user to launch the messaging application in response to receiving the selection of the content item by the first user.
15. The computer program product of claim 11, wherein the message and the response are direct messages viewable only by the first user and the second user.
16. The computer program product of claim 11, wherein the displayed at least a portion of the posted content item comprises a thumbnail of an image in the posted content item.
17. The computer program product of claim 11, wherein each of the one or more messages are displayed in the messaging interface as text within a message bubble.
18. The computer program product of claim 17, wherein the message bubble is at least partially transparent over the content item.
19. The computer program product of claim 11, wherein the received messages in the active messaging thread scroll towards a boarder of the messaging interface.
20. The computer program product of claim 11, wherein the received messages in the active messaging thread become partially transparent as they scroll past a fade line in the messaging interface.
US17/673,715 2020-05-07 2022-02-16 Displaying text conversations with contextual images Abandoned US20230344789A1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US17/673,715 US20230344789A1 (en) 2020-05-07 2022-02-16 Displaying text conversations with contextual images

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US16/869,010 US11303600B1 (en) 2020-05-07 2020-05-07 Displaying text conversations with contextual images
US17/673,715 US20230344789A1 (en) 2020-05-07 2022-02-16 Displaying text conversations with contextual images

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
US16/869,010 Continuation US11303600B1 (en) 2020-05-07 2020-05-07 Displaying text conversations with contextual images

Publications (1)

Publication Number Publication Date
US20230344789A1 true US20230344789A1 (en) 2023-10-26

Family

ID=81123887

Family Applications (2)

Application Number Title Priority Date Filing Date
US16/869,010 Active US11303600B1 (en) 2020-05-07 2020-05-07 Displaying text conversations with contextual images
US17/673,715 Abandoned US20230344789A1 (en) 2020-05-07 2022-02-16 Displaying text conversations with contextual images

Family Applications Before (1)

Application Number Title Priority Date Filing Date
US16/869,010 Active US11303600B1 (en) 2020-05-07 2020-05-07 Displaying text conversations with contextual images

Country Status (1)

Country Link
US (2) US11303600B1 (en)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11157134B2 (en) * 2017-07-12 2021-10-26 Facebook, Inc. Interfaces for a messaging inbox
CN111459364B (en) * 2020-04-01 2022-03-08 北京字节跳动网络技术有限公司 Icon updating method and device and electronic equipment
US11303600B1 (en) * 2020-05-07 2022-04-12 Meta Platforms, Inc. Displaying text conversations with contextual images
JP2021190966A (en) * 2020-06-04 2021-12-13 富士フイルムビジネスイノベーション株式会社 Information processing device and program

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130191762A1 (en) * 2012-01-24 2013-07-25 Yahoo! Inc. System and Method to Enable Private Conversations Around Content
US20140068689A1 (en) * 2012-08-17 2014-03-06 Flextronics Ap, Llc Systems and methods for providing social media with an intelligent television
US20140214944A1 (en) * 2013-01-31 2014-07-31 Facebook, Inc. Incorporation of content from an external followed user within a social networking system
US20140362056A1 (en) * 2013-06-09 2014-12-11 Apple Inc. Device, method, and graphical user interface for moving user interface objects
US11303600B1 (en) * 2020-05-07 2022-04-12 Meta Platforms, Inc. Displaying text conversations with contextual images

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5846738B2 (en) * 2011-01-06 2016-01-20 任天堂株式会社 Display control program, display device, display system, and display control method
US9183172B1 (en) * 2011-06-22 2015-11-10 Amazon Technologies, Inc. Author interactions using online social networks
US9264391B2 (en) * 2012-11-01 2016-02-16 Salesforce.Com, Inc. Computer implemented methods and apparatus for providing near real-time predicted engagement level feedback to a user composing a social media message
US10178346B2 (en) * 2014-03-17 2019-01-08 Microsoft Technology Licensing, Llc Highlighting unread messages
US20160057181A1 (en) * 2014-08-25 2016-02-25 Cisco Technology Inc. Visualizing Multi-Modal Conversations
US10097631B2 (en) * 2015-07-17 2018-10-09 Facebook, Inc. Synchronizing conversation threads corresponding to a common content item
US10320728B2 (en) * 2016-12-13 2019-06-11 Google Llc Methods, systems, and media for generating a notification in connection with a video content item
US20180234371A1 (en) * 2017-02-10 2018-08-16 Gobitech AS Method, system and computer program product for providing interactive elements in messages

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130191762A1 (en) * 2012-01-24 2013-07-25 Yahoo! Inc. System and Method to Enable Private Conversations Around Content
US20140068689A1 (en) * 2012-08-17 2014-03-06 Flextronics Ap, Llc Systems and methods for providing social media with an intelligent television
US20140214944A1 (en) * 2013-01-31 2014-07-31 Facebook, Inc. Incorporation of content from an external followed user within a social networking system
US20140362056A1 (en) * 2013-06-09 2014-12-11 Apple Inc. Device, method, and graphical user interface for moving user interface objects
US11303600B1 (en) * 2020-05-07 2022-04-12 Meta Platforms, Inc. Displaying text conversations with contextual images

Also Published As

Publication number Publication date
US11303600B1 (en) 2022-04-12

Similar Documents

Publication Publication Date Title
US9961039B2 (en) Selection and ranking of comments for presentation to social networking system users
US10861029B2 (en) Qualifying comments with poll responses on online systems
US10606466B2 (en) Presenting additional content to an online system user based on user interaction with a scrollable content unit
US11303600B1 (en) Displaying text conversations with contextual images
US10447643B2 (en) Presenting previously presented content items stored by users of a social networking system based on user-specified criteria
US10693828B2 (en) Presenting contacts to a social networking system user based on user interactions with additional users and with groups
US10303332B2 (en) Presenting interactions with content on a social networking system in real time through icons
US10191927B2 (en) Selecting previously-presented content items for presentation to users of a social networking system
US20160134577A1 (en) Determining temporal relevance of newsfeed stories
AU2017335976B2 (en) Architecture for augmenting video data obtained by a client device with one or more effects during rendering
US10387516B2 (en) Selecting content with an external link for presentation based on user interaction with external content
US10027765B2 (en) Recommending objects to a social networking system user based in part on topics associated with the objects
US20160164985A1 (en) Selecting comments for presentation to a social networking system user along with a content item
US10122672B2 (en) Accounting for user interaction with a social networking system when notifying the user of content provided to a group maintained by the social networking system including that user
US10803077B2 (en) Applying templates to customize presentation of content based on surface type
US11082464B1 (en) Displaying additional external video content along with users participating in a video exchange session
US10109020B2 (en) User interface for bookmarks in a social networking system
US11006171B1 (en) Selecting an optimal format for presenting a group of objects associated with a third-party system in a graphical user interface
US10986384B2 (en) Modifying video data captured by a client device based on a request received by a different client device receiving the captured video data
US10616657B1 (en) Presenting video content to online system users in response to user interactions with video content presented in a feed of content items
US10360223B2 (en) Selecting content items provided to groups including a social networking system user based on interaction with the content items by social networking system users
US10289647B2 (en) Recommending pages of content to an online system user by identifying content from recommended pages to the user
US11070509B1 (en) Interaction bar for real-time interactions with content on a social networking system
US11863638B1 (en) Displaying supplemental content in messaging interfaces
US10594647B2 (en) Generating an interface identifying to a user content items provided to groups maintained by an online system that include the user

Legal Events

Date Code Title Description
STPP Information on status: patent application and granting procedure in general

Free format text: FINAL REJECTION MAILED

STCB Information on status: application discontinuation

Free format text: ABANDONED -- FAILURE TO RESPOND TO AN OFFICE ACTION