Methods and systems for viewing user feedback

In a client device having one or more processors and memory storing instructions for execution by the one or more processors, graphic icons of one or more users who have provided user feedback for a first content item are displayed. Each of the graphic icons is displayed in a respective region of a display area. The client device transitions from displaying one or more of the graphic icons to displaying, in the respective regions of the display area corresponding to the one or more of the graphic icons, user feedback for the first content item provided by respective users.

TECHNICAL FIELD

This relates generally to viewing user feedback, including but not limited to transitioning from displaying graphic icons of users who have provided user feedback to displaying the respective user feedback.

BACKGROUND

The Internet has become an increasingly dominant platform for the publication of electronic content, for both the media and the general population. At the same time, enabling users to interact with such published electronic content has become an increasingly important feature for online services, such as social networks, to implement.

Given the abundance of user feedback provided by users who consume electronic content, users often struggle to view user feedback in an efficient manner.

SUMMARY

Accordingly, there is a need for methods, systems, and interfaces for viewing user feedback in a simple and efficient manner. By transitioning from displaying graphic icons of users who have provided user feedback for electronic content (e.g., “likes” for a news article) to displaying the corresponding user feedback, user feedback can be easily and quickly viewed. This transitioning may be performed in response to various triggers, such as touch gestures, in accordance with some embodiments. Such methods and interfaces optionally complement or replace conventional methods for viewing user feedback.

In accordance with some embodiments, a method is performed at a client device with one or more processors and memory storing instructions for execution by the one or more processors. The method includes displaying graphic icons of one or more users who have provided user feedback for a first content item. Each of the graphic icons is displayed in a respective region of a display area. The client device transitions from displaying one or more of the graphic icons to displaying, in the respective regions of the display area corresponding to the one or more of the graphic icons, user feedback for the first content item provided by respective users.

In accordance with some embodiments, a client device includes one or more processors, memory, and one or more programs; the one or more programs are stored in the memory and configured to be executed by the one or more processors. The one or more programs include instructions for performing the operations of the method described above. In accordance with some embodiments, a non-transitory computer-readable storage medium has stored therein instructions that, when executed by an electronic device such as the client device, cause the electronic device to perform the operations of the method described above.

Thus, client devices are provided with more effective and efficient methods for viewing user feedback, thereby increasing the effectiveness and efficiency of such devices and user satisfaction with such devices.

DESCRIPTION OF EMBODIMENTS

It will also be understood that, although the terms first, second, etc. are, in some instances, used herein to describe various elements, these elements should not be limited by these terms. These terms are used only to distinguish one element from another. For example, a first content item could be termed a second content item, and, similarly, a second content item could be termed a first content item, without departing from the scope of the various described embodiments. The first content item and the second content item are both content items, but they are not the same content item.

As used herein, the term “exemplary” is used in the sense of “serving as an example, instance, or illustration” and not in the sense of “representing the best of its kind.”

FIG. 1is a block diagram illustrating an exemplary network architecture100of a social network in accordance with some embodiments. The network architecture100includes a number of client devices (also called “client systems,” “client computers,” or “clients”)104-1,104-2, . . .104-ncommunicably connected to an electronic social-network system108by one or more networks106(e.g., the Internet, cellular telephone networks, mobile data networks, other wide area networks, local area networks, metropolitan area networks, and so on). In some embodiments, the one or more networks106include a public communication network (e.g., the Internet and/or a cellular data network), a private communications network (e.g., a private LAN or leased lines), or a combination of such communication networks.

In some embodiments, the client devices104-1,104-2, . . .104-nare computing devices such as smart watches, personal digital assistants, portable media players, smart phones, tablet computers, 2D gaming devices, 3D (e.g., virtual reality) gaming devices, laptop computers, desktop computers, televisions with one or more processors embedded therein or coupled thereto, in-vehicle information systems (e.g., an in-car computer system that provides navigation, entertainment, and/or other information), and/or other appropriate computing devices that can be used to communicate with the social-network system108. In some embodiments, the social-network system108is a single computing device such as a computer server, while in other embodiments, the social-network system108is implemented by multiple computing devices working together to perform the actions of a server system (e.g., cloud computing).

Users102-1,102-2, . . .102-nemploy the client devices104-1,104-2, . . .104-nto access the social-network system108and to participate in a corresponding social-networking service provided by the social-network system108. For example, one or more of the client devices104-1,104-2, . . .104-nexecute web browser applications that can be used to access the social-networking service. As another example, one or more of the client devices104-1,104-2, . . .104-nexecute software applications that are specific to the social-networking service (e.g., social-networking “apps” running on smart phones or tablets, such as a Facebook social-networking application running on an iPhone, Android, or Windows smart phone or tablet).

Users interacting with the client devices104-1,104-2, . . .104-ncan participate in the social-networking service provided by the social-network system108by posting information, such as text comments (e.g., updates, announcements, replies), digital photos, videos, audio files, links, and/or other electronic content. Users of the social-networking service can also annotate information posted by other users of the social-networking service (e.g., endorsing or “liking” a posting of another user, commenting on a posting by another user, or providing other feedback such as a facial expression on a posting by another user). In some embodiments, information can be posted on a user's behalf by systems and/or services external to the social-network system108. For example, the user may post a review of a movie to a movie-review website, and with proper permissions that website may cross-post the review to the social network system108on the user's behalf. In another example, a software application executing on a mobile client device, with proper permissions, may use global positioning system (UPS) or other geo-location capabilities (e.g., Wi-Fi or hybrid positioning systems) to determine the user's location and update the social network system108with the user's location (e.g., “At Home”, “At Work”, or “In San Francisco, Calif.”), and/or update the social network system108with information derived from and/or based on the user's location. Users interacting with the client devices104-1,104-2, . . .104-ncan also use the social-networking service provided by the social-network system108to define groups of users. Users interacting with the client devices104-1,104-2, . . .104-ncan also use the social-networking service provided by the social-network system108to communicate and collaborate with each other.

In some embodiments, the network architecture100also includes third-party servers110-1,110-2, . . .110-m. In some embodiments, a given third-party server110is used to host third-party websites that provide web pages to client devices104, either directly or in conjunction with the social-network system108. In some embodiments, the social-network system108uses inline frames (“iframes”) to nest independent websites within a user's social network session. In some embodiments, a given third-party server is used to host third-party applications that are used by client devices104, either directly or in conjunction with the social-network system108. In some embodiments, the social-network system108uses iframes to enable third-party developers to create applications that are hosted separately by a third-party server110, but operate within a social-networking session of a user102and are accessed through the user's profile in the social-network system108. Exemplary third-party applications include applications for books, business, communication, contests, education, entertainment, fashion, finance, food and drink, games, health and fitness, lifestyle, local information, movies, television, music and audio, news, photos, video, productivity, reference material, security, shopping, sports, travel, utilities, and the like. In some embodiments, a given third-party server110is used to host enterprise systems, which are used by client devices104, either directly or in conjunction with the social-network system108. In some embodiments, a given third-party server110is used to provide third-party content (e.g., news articles, reviews, message feeds, etc.).

In some embodiments, a given third-party server110is a single computing device, while in other embodiments, a given third-party server110is implemented by multiple computing devices working together to perform the actions of a server system (e.g., cloud computing).

FIG. 2is a block diagram illustrating an exemplary social-network system108in accordance with some embodiments. The social-network system108typically includes one or more processing units (processors or cores)202, one or more network or other communications interfaces204, memory206, and one or more communication buses208for interconnecting these components. The communication buses208optionally include circuitry (sometimes called a chipset) that interconnects and controls communications between system components. The social-network system108optionally includes a user interface (not shown). The user interface, if provided, may include a display device and optionally includes inputs such as a keyboard, mouse, trackpad, and/or input buttons. Alternatively or in addition, the display device includes a touch-sensitive surface, in which case the display is a touch-sensitive display.

Memory206includes high-speed random-access memory, such as DRAM, SRAM, DDR RAM, or other random-access solid-state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, and/or other non-volatile solid-state storage devices. Memory206may optionally include one or more storage devices remotely located from the processor(s)202. Memory206, or alternately the non-volatile memory device(s) within memory206, includes a non-transitory computer-readable storage medium. In some embodiments, memory206or the computer-readable storage medium of memory206stores the following programs, modules and data structures, or a subset or superset thereof:an operating system210that includes procedures for handling various basic system services and for performing hardware dependent tasks;a network communication module212that is used for connecting the social-network system108to other computers via the one or more communication network interfaces204(wired or wireless) and one or more communication networks (e.g., the one or more networks106)a social network database214for storing data associated with the social network, such as:entity information216, such as user information218;connection information220; andcontent222, such as:user content224, which includes user feedback224-1(e.g., “likes,” comments, opinions having corresponding facial expressions and/or numerical index values, and/or other types of user feedback); and/ornews articles226, which includes user feedback226-1(e.g., “likes,” comments, opinions having corresponding facial expressions and/or numerical index values, and/or other types of user feedback);a social network server module228for providing social-networking services and related features (e.g., in conjunction with browser module338or social network client module340on the client device104,FIG. 3), which includes:a login module230for logging a user102at a client104into the social-network system108; anda content feed manager232for providing content to be sent to clients104for display, which includes:a content generator module234for adding objects to the social network database214, such as images, videos, audio files, comments, status messages, links, applications, and/or other entity information216, connection information220, or content222; anda content selector module236for choosing the information/content to be sent to clients104for display; anda search module238for enabling users of the social-network system to search for content and other users in the social network.

The social network database214stores data associated with the social network in one or more types of databases, such as graph, dimensional, flat, hierarchical, network, object-oriented, relational, and/or XML databases.

In some embodiments, the social network database214includes a graph database, with entity information216represented as nodes in the graph database and connection information220represented as edges in the graph database. The graph database includes a plurality of nodes, as well as a plurality of edges that define connections between corresponding nodes. In some embodiments, the nodes and/or edges themselves are data objects that include the identifiers, attributes, and information for their corresponding entities, some of which are rendered at clients104on corresponding profile pages or other pages in the social-networking service. In some embodiments, the nodes also include pointers or references to other objects, data structures, or resources for use in rendering content in conjunction with the rendering of the pages corresponding to the respective nodes at clients104.

Entity information216includes user information218, such as user profiles, login information, privacy and other preferences, biographical data, and the like. In some embodiments, for a given user, the user information218includes the user's name, profile picture, contact information, birth date, sex, marital status, family status, employment, education background, preferences, interests, and/or other demographic information.

In some embodiments, entity information216includes information about a physical location (e.g., a restaurant, theater, landmark, city, state, or country), real or intellectual property (e.g., a sculpture, painting, movie, game, song, idea/concept, photograph, or written work), a business, a group of people, and/or a group of businesses. In some embodiments, entity information216includes information about a resource, such as an audio file, a video file, a digital photo, a text file, a structured document (e.g., web page), or an application. In some embodiments, the resource is located in the social-network system108(e.g., in content222) or on an external server, such as third-party server110.

In some embodiments, connection information220includes information about the relationships between entities in the social network database214. In some embodiments, connection information220includes information about edges that connect pairs of nodes in a graph database. In some embodiments, an edge connecting a pair of nodes represents a relationship between the pair of nodes.

In some embodiments, an edge includes or represents one or more data objects or attributes that correspond to the relationship between a pair of nodes. For example, when a first user indicates that a second user is a “friend” of the first user, the social-network system108transmits a “friend request” to the second user. If the second user confirms the “friend request,” the social-network system108creates and stores an edge connecting the first user's user node and the second user's user node in a graph database as connection information220that indicates that the first user and the second user are friends. In some embodiments, connection information220represents a friendship, a family relationship, a business or employment relationship, a fan relationship, a follower relationship, a visitor relationship, a subscriber relationship, a superior/subordinate relationship, a reciprocal relationship, a non-reciprocal relationship, another suitable type of relationship, or two or more such relationships.

In some embodiments, an edge between a user node and another entity node represents connection information about a particular action or activity performed by a user of the user node towards the other entity node. For example, a user may “like,” provide other feedback about, or have “attended,” “played,” “listened,” “cooked,” “worked at,” or “watched” the entity at the other node. The page in the social-networking service that corresponds to the entity at the other node may include, for example, a selectable “like,” “check in,” or “add to favorites” icon, or other affordances for providing input such as user feedback. After the user selects one of these icons or other affordances, the social-network system108may create an edge (e.g., a “like” edge, “check in” edge, or a “favorites” edge) in response to the corresponding user action. As another example, the user may listen to a particular song using a particular application (e.g., an online music application). In this case, the social-network system108may create a “listened” edge and a “used” edge between the user node that corresponds to the user and the entity nodes that correspond to the song and the application, respectively, to indicate that the user listened to the song and used the application. In addition, the social-network system108may create a “played” edge between the entity nodes that correspond to the song and the application to indicate that the particular song was played by the particular application.

In some embodiments, the social network server module228includes web or Hypertext Transfer Protocol (HTTP) servers, File Transfer Protocol (FTP) servers, as well as web pages and applications implemented using Common Gateway Interface (CGI) script, PHP Hyper-text Preprocessor (PHP), Active Server Pages (ASP), Hyper Text Markup Language (HTML), Extensible Markup Language (XML), Java, JavaScript, Asynchronous JavaScript and XML (AJAX), XHP, Javelin, Wireless Universal Resource File (WURFL), and the like.

FIG. 3is a block diagram illustrating an exemplary client device104in accordance with some embodiments. The client device104typically includes one or more processing units (processors or cores)302, one or more network or other communications interfaces304, memory306, and one or more communication buses308for interconnecting these components. The communication buses308optionally include circuitry (sometimes called a chipset) that interconnects and controls communications between system components. The client device104includes a user interface310. The user interface310typically includes a display device312. In some embodiments, the client device104includes inputs such as a keyboard, mouse, and/or other input buttons316. Alternatively or in addition, in some embodiments, the display device312includes a touch-sensitive surface314, in which case the display device312is a touch-sensitive display. In client devices that have a touch-sensitive display312, a physical keyboard is optional (e.g., a soft keyboard may be displayed when keyboard entry is needed). The user interface310also includes an audio output device318, such as speakers or an audio output connection connected to speakers, earphones, or headphones. Furthermore, some client devices104use a microphone and voice recognition to supplement or replace the keyboard. Optionally, the client device104includes an audio input device320(e.g., a microphone) to capture audio (e.g., speech from a user). Optionally, the client device104includes a location detection device322, such as a GPS (global positioning satellite) or other geo-location receiver, for determining the location of the client device104. The client device104also optionally includes an image/video capture device324, such as a camera or webcam.

Memory306includes high-speed random-access memory, such as DRAM, SRAM, DDR RAM or other random-access solid-state memory devices; and may include non-volatile memory, such as one or more magnetic disk storage devices, optical disk storage devices, flash memory devices, or other non-volatile solid-state storage devices. Memory306may optionally include one or more storage devices remotely located from the processor(s)302. Memory306, or alternately the non-volatile memory device(s) within memory306, includes a non-transitory computer-readable storage medium. In some embodiments, memory306or the computer-readable storage medium of memory306stores the following programs, modules and data structures, or a subset or superset thereof:an operating system326that includes procedures for handling various basic system services and for performing hardware dependent tasks;a network communication module328that is used for connecting the client device104to other computers via the one or more communication network interfaces304(wired or wireless) and one or more communication networks, such as the Internet, cellular telephone networks, mobile data networks, other wide area networks, local area networks, metropolitan area networks, and so on;an image/video capture module330(e.g., a camera module) for processing a respective image or video captured by the image/video capture device324, where the respective image or video may be sent or streamed (e.g., by a client application module336) to the social-network system108;an audio input module332(e.g., a microphone module) for processing audio captured by the audio input device320, where the respective audio may be sent or streamed (e.g., by a client application module336) to the social-network system108;a location detection module334(e.g., a GPS, Wi-Fi, or hybrid positioning module) for determining the location of the client device104(e.g., using the location detection device322) and providing this location information for use in various applications (e.g., social network client module340); andone or more client application modules336, including the following modules (or sets of instructions), or a subset or superset thereof:a web browser module338(e.g., Internet Explorer by Microsoft, Firefox by Mozilla, Safari by Apple, or Chrome by Google) for accessing, viewing, and interacting with web sites (e.g., a social-networking web site provided by the social-network system108),a social network module340for providing an interface to a social-networking service (e.g., a social-networking service provided by social-network system108) and related features; and/orother optional client application modules342, such as applications for word processing, calendaring, mapping, weather, stocks, time keeping, virtual digital assistant, presenting, number crunching (spreadsheets), drawing, instant messaging, e-mail, telephony, video conferencing, photo management, video management, a digital music player, a digital video player, 2D gaming, 3D (e.g., virtual reality) gaming, electronic book reader, and/or workout support.

Each of the above identified modules and applications correspond to a set of executable instructions for performing one or more functions as described above and/or in the methods described in this application (e.g., the computer-implemented methods and other information processing methods described herein). These modules (i.e., sets of instructions) need not be implemented as separate software programs, procedures or modules, and thus various subsets of these modules are, optionally, combined or otherwise re-arranged in various embodiments. In some embodiments, memory206and/or306store a subset of the modules and data structures identified above. Furthermore, memory206and/or306optionally store additional modules and data structures not described above.

Attention is now directed towards embodiments of graphical user interfaces (“GUIs”) and associated processes that may be implemented on a client device (e.g., the client device104inFIG. 3).

FIGS. 4A-4Jillustrate exemplary GUIs on a client device104for viewing user feedback for content items, in accordance with some embodiments. The GUIs in these figures are used to illustrate the processes described below, including the methods500(FIG. 5A),520(FIG. 5B),530(FIG. 5C), and550(FIG. 5D). The GUIs may be provided by a web browser (e.g., web browser module338,FIG. 3), an application for a social-networking service (e.g., social network module340), and/or a third-party application (e.g., client application module342). WhileFIGS. 4A-4Jillustrate examples of GUIs, in other embodiments, a GUI displays user-interface elements in arrangements distinct from the embodiments ofFIGS. 4A-4J.

FIG. 4Aillustrates a GUI for a content item400-1(e.g., a news article), various affordances (e.g., user-feedback affordance402and optional affordances404), a user-feedback interface (“UFI”)408, and icons406corresponding to users who have provided feedback for the content item400-1.

FIGS. 4B-4Jillustrate various GUIs displayed when a client device104-1transitions to displaying user feedback (e.g., in response to detecting user inputs).

For example, the touch gesture410-1inFIG. 4B(e.g., a tap) results in switching from displaying graphic icons of users who have provided user feedback for the content item400-1(e.g., icons406displaying user profile pictures), to displaying the user feedback itself inFIG. 4C(e.g., icons406displaying facial expressions corresponding to particular opinions of satisfaction/dissatisfaction and/or approval/disapproval). The icons406thus transition from providing indications (e.g., pictures) of respective users to showing feedback from the respective users. The icon406-1inFIG. 4Cshows feedback from the user shown in the icon406-1inFIG. 4B, and likewise for icons406-2and406-3. The feedback shown for each user thus is shown in the same location on the display as the graphic icon for that user, in accordance with some embodiments.

In another example, the touch gesture410-2inFIG. 4D(e.g., a swipe) results in switching from displaying a content item400-2to displaying a different content item400-1, as shown inFIGS. 4E and 4F. After the transition from the content item400-2to the content item400-1, the client device104-1switches from displaying the graphic icons of users who have provided user feedback for the content item400-1(e.g., icons406displaying user-profile pictures) to displaying the user feedback itself inFIG. 4G(e.g., icons406displaying facial expressions).

In another example, the touch gesture410-3inFIG. 4H(e.g., a tap) is detected on a compressed view of the UFI408. In response, an expanded view of the UFI408is displayed inFIG. 4I, which includes graphic icons (e.g., icons406displaying user-profile pictures) of users who have provided user feedback for the content item400-1. The expanded view of the UFI also displays other types of user feedback (e.g., comments414) and an indicator412that identifies a number of other users who have also provided user feedback for the content item. Once the expanded view is displayed, the client device104-1switches from displaying the graphic icons of users to displaying the user feedback itself inFIG. 4J(e.g., icons406displaying facial expressions).

The GUIs shown inFIGS. 4A-4Jare described in greater detail below in conjunction with the methods500,520,530, and550ofFIGS. 5A-5D.

FIGS. 5A-5Dare flow diagrams illustrating methods500(FIG. 5A),520(FIG. 5B),530(FIG. 5C), and550(FIG. 5D) of viewing user feedback for content items, in accordance with some embodiments. The methods500,520,530, and550are performed on a client device (e.g., client device104,FIGS. 1 and 3) and correspond to instructions stored in a computer memory (e.g., memory306of the client device104,FIG. 3) or other computer-readable storage medium. To assist with describing these methods,FIGS. 5A-5Dwill be described with reference to the exemplary GUIs illustrated inFIGS. 4A-4J.

The client device (e.g., client device104-1,FIG. 4A) displays (502) graphic icons of one or more users who have provided user feedback for a first content item. Each of the graphic icons is displayed in a respective region of a display area. For example, inFIG. 4A, graphic icons (e.g., icons406-1through406-3) of users who have provided user feedback for the content item400-1(e.g., a news article) are displayed. Each graphic icon is displayed in a particular region of the display area of the client device104-1. In some implementations, the first content item is (504) concurrently displayed with the graphic icons of the one or more users (e.g., content item400-1are concurrently displayed with icons406,FIG. 4A).

The client device transitions (506) from displaying one or more of the graphic icons to displaying, in the respective regions of the display area corresponding to the one or more of the graphic icons, user feedback for the first content item provided by respective users.FIGS. 4B and 4Cillustrate an example, where the icons406transition from displaying graphic icons of the users inFIG. 4Bto displaying the user feedback (e.g., facial expressions corresponding to opinions) of those users inFIG. 4C. As shown, the user feedback is displayed in the same regions of the display area in which the corresponding graphic icons are displayed.

User feedback for a content item (e.g., a news article) may include indications of endorsement (e.g., a “like,” a share, a recommendation), commentary (e.g., snippets of comments), or other opinions (e.g., indications of satisfaction/dissatisfaction and/or approval/disapproval). In some embodiments, the user feedback for the first content item provided by each (or some) of the respective users corresponds (508) to a facial expression of a range of facial expressions. Each facial expression of the range of facial expressions corresponds to an opinion of a range of opinions. An example is illustrated inFIG. 4C, where the user feedback displayed by the icons406includes facial expressions that correspond to particular opinions (e.g., icon406-1corresponding to a facial expression of happiness, indicating an opinion of satisfaction/approval; feedback icon406-2corresponding to a facial expression of sadness, indicating an opinion of dissatisfaction/disapproval; and feedback icon406-3corresponding to a neutral facial expression, indicating an opinion of indifference). In some embodiments, the range of opinions varies from a first extreme to a second extreme (e.g., the first extreme represents an opinion of strong satisfaction/approval and the second extreme represents an opinion of strong dissatisfaction/disapproval). In some embodiments, the range of opinions includes a sequence of opinions, and each successive opinion of the sequence of opinions corresponds to a greater degree of satisfaction or dissatisfaction, or of approval or disapproval, than the preceding opinion (e.g., the range begins with an opinion with the greatest degree of satisfaction, and each successive opinion gradually decreases in its degree of satisfaction, or vice-versa).

In some embodiments, the transitioning (506) includes displaying (510) a flip animation of the graphic icons to reveal the respective user feedback (e.g., the icons406appear to flip). Alternatively, other visual effects may be executed (e.g., fade-in/fade-out, roll up/down or left/right, etc.).

In some embodiments, graphic icons for two or more users who have provided user feedback are (512) displayed, and the transitioning (506) is performed with respect to only some of the two or more users (e.g., only some of the graphic icons flip). In some embodiments, graphic icons for two or more users who have provided user feedback are (514) displayed, and the transitioning (506) is performed with respect to all of the two or more users (e.g., all graphic icons flip, as illustrated inFIGS. 4B and 4C).

In some embodiments, the transitioning (506) is performed (516) after a predefined duration of time has elapsed since beginning to display the graphic icons (e.g., after a specified number of seconds, for example 3 seconds). In some embodiments, the duration of time is measured from a time that the user begins to idle (e.g., no user input is detected after a specified number of seconds of viewing a content item). Other inputs or trigger conditions causing the transitioning (506) to be performed are described below with respect toFIGS. 5B-5D.

Optionally, the client device transitions (518) back from displaying the user feedback provided by the respective users to displaying the one or more of the graphic icons in their respective regions of the display area. For example, a transition occurs fromFIG. 4CtoFIG. 4B. Transitioning (518) back may be performed after a predefined duration of time has elapsed (e.g., after displaying user feedback for a specified number of seconds, for example 2 seconds) or in response to detecting other trigger conditions (e.g., detecting a touch gesture).

Referring now toFIG. 5B, in performing the method520, the client device displays (502) graphic icons of one or more users who have provided user feedback for a first content item, as discussed above with respect to the method500. Each of the graphic icons is displayed in a respective region of a display area.

A user input is (522) detected. In some embodiments, detecting the user input (522) includes detecting (524) a selection of a user feedback affordance (e.g., a touch gesture (not shown) is detected on the user-feedback affordance402,FIG. 4A).

As described above with respect to the method500, the client device transitions (506) from displaying one or more of the graphic icons to displaying, in the respective regions of the display area corresponding to the one or more of the graphic icons, user feedback for the first content item provided by respective users. The transitioning (506) is performed (526) in response to detecting the user input (at522).

In one example, in response to the touch gesture410-1inFIG. 4B, the feedback icons406transition from displaying graphic icons of users who have provided user feedback for content item400-1to displaying the user feedback itself (e.g., facial expressions corresponding to respective opinions). In another example (not illustrated), this transition occurs in response to detecting a touch gesture on the user-feedback affordance402(FIG. 4A).

Referring now toFIG. 5C, in performing the method530, the client device displays a second content item prior to displaying graphic icons of one or more users who have provided user feedback for the first content item. For example, inFIG. 4D, a second content item400-2is displayed.

A user input is (522) detected. In some embodiments, detecting the user input (522) includes detecting (534) a swipe gesture while displaying the second content item. For example, as shown inFIG. 4D, a touch gesture410-2(e.g., a swipe) is detected.

In response to detecting (522) the user input (e.g., the swipe gesture), the client device transitions (536) from displaying the second content item to concurrently displaying the first content item with the graphic icons. The graphic icons of one or more users who have provided user feedback for the first content item are displayed (502), as described above with respect to the method500. Each of the graphic icons is displayed in a respective region of a display area. Continuing the example above, in response to detecting the touch gesture410-2(FIGS. 4D and 4E), the client device transitions from displaying the second content item400-2to displaying the first content item400-1concurrently with graphic icons of one or more users who have provided user feedback for the first content item (e.g., icons406displaying user-profile pictures,FIG. 4F).

As described above with respect to the method500, the client device transitions (506) from displaying one or more of the graphic icons to displaying, in the respective regions of the display area corresponding to the one or more of the graphic icons, user feedback for the first content item provided by respective users. In some embodiments, the transitioning (506) is performed (538) in response to detecting the user input. For example, the touch gesture410-2(FIGS. 4D and 4E) for navigating between different content items is a trigger condition, the detection of which results in the client device transitioning from displaying graphic icons of users (e.g., feedback icons406inFIG. 4F) to displaying the corresponding user feedback of those users (e.g., feedback icons406inFIG. 4G, which display various facial expressions).

In some embodiments, the transitioning (506) is performed (540) at a predefined time after transitioning (536) from displaying the second content item to concurrently displaying the first content item with the graphic icons. In some embodiments, the predefined time is with respect to a time at which the transitioning (536) is initiated (e.g., a specified number of seconds after detecting the touch gesture410-2,FIG. 4E). Thus, the transitioning (506) of displaying graphic icons to displaying the user feedback may be performed while the client device is still transitioning (536) from displaying the second content item to displaying the first content item (i.e., if the predefined time is shorter than the time to transition from one content item to another) or after the client device transitions from displaying the second content item to displaying the first content item (i.e., if the predefined time is shorter than the time to transition from one content item to another). In some embodiments, the predefined time is with respect to a time at which the transitioning (536) is completed (i.e., once the second content item is no longer displayed and the first content item is fully displayed).

Referring now toFIG. 5D, in performing the method550, the client device displays (502) graphic icons of one or more users who have provided user feedback for a first content item, as discussed above with respect to the method500. Each of the graphic icons is displayed in a respective region of a display area.

In some embodiments, the client device concurrently displays (552) the first content item and a user-feedback interface for the first content item. For example, inFIG. 4B, the content item400-1is displayed concurrently with the UFI408. In some embodiments, the user-feedback interface is (554) displayed in a specified region of the display area. The respective regions of the display area in which the graphic icons are displayed overlap with at least a portion of the specified region in which the user-feedback interface is displayed (e.g., the graphic icons are within the user-feedback interface). Referring again toFIG. 4B, the UFI408is displayed in a region of the display area that overlaps with the region in which the feedback icons406are displayed.

In some embodiments, a user input is (522) detected. In some embodiments, detecting the user input (522) includes detecting (556) selection of the user-feedback interface. Detecting (556) selection of the user-feedback interface may include detecting (558) the user input on one of the respective regions of the display area in which the graphic icons are displayed.FIG. 4Billustrates an example, where a touch gesture410-1is detected on the region in which the feedback icons406are displayed.

As described above with respect to the method500, the client device transitions (506) from displaying one or more of the graphic icons to displaying, in the respective regions of the display area corresponding to the one or more of the graphic icons, user feedback for the first content item provided by respective users. In some embodiments, the transitioning (506) is performed (560) in response to detecting the user input (at522). For example, in response to detecting the touch gesture410-1on the region in which the feedback icons406are displayed (FIG. 4B), the client device104-1transitions from displaying the graphic icons of users (e.g., the feedback icons406inFIG. 4B) to displaying the user feedback of those users (e.g., the feedback icons406inFIG. 4C, which include facial expressions corresponding to respective opinions). In some embodiments, the client device transitions to displaying the respective user feedback of only the particular graphic icon on which the user input is detected (i.e., user feedback shown by tapping individual icons). In some embodiments, the client device transitions to displaying the respective user feedback for all graphic icons displayed, irrespective of the graphic icon on which the user input is detected (i.e., all graphic icons flip).

In some embodiments, an expanded view of the user-feedback interface is displayed in response to detecting (556) selection of the user-feedback interface. An example is illustrated inFIGS. 4H and 4I, where an expanded view of the UFI408(FIG. 4I) is displayed in response to detecting the touch gesture410-3on the compressed view of the UFI408(FIG. 4H). The respective locations in which graphic icons are displayed may be different in the expanded view than in the compressed view. As shown inFIG. 4I, the expanded view of the UFI408optionally includes additional graphic icons (e.g., feedback icons406-4and406-5) of users who have provided user feedback for the first content item, which may be concurrently displayed with other types of user feedback (e.g., comments414).

In some embodiments, displaying (502) the graphic icons of the one or more users and the transitioning (506) are performed while displaying the expanded view of the user-feedback interface. As shown inFIG. 4J, after the expanded view of the UFI408is displayed, the client device transitions from displaying graphic icons of users (e.g., icons406inFIG. 4I) to displaying the corresponding user feedback of those users (e.g., icons406inFIG. 4J, which display various facial expressions). In some embodiments, the client device concurrently displays comments for the first content item of one or more users (e.g., comments414) and the user feedback for the first content item (e.g., icons406). In some embodiments, transitioning (506) to displaying the user feedback is performed at a predefined time after detecting the selection of the UFI. Thus, the transitioning (506) may be performed while the client device is still transitioning to displaying the expanded view of the UFI (i.e., if the predefined time is shorter than the time to transition from displaying the compressed view of the UFI to displaying the expanded view of the UFI). In some embodiments, the transitioning (506) is performed after the expanded view of the UFI is fully displayed. For example, the transitioning (506) is performed at a predefined time after completion of the transitioning or at a predefined time after detecting the selection of the UFI that is longer than the time to transition from displaying the compressed view of the UFI to displaying the expanded view of the UFI.

Stages of methods500,520,530, and550may be performed additionally and/or alternatively to one another. For example, transitioning (506) to displaying user feedback may be performed both in response to detecting (524,FIG. 5B) selection of a user-feedback affordance, and in response to detecting (534,FIG. 5C) a swipe gesture while displaying another content item.

For situations in which the systems discussed above collect information about users, the users may be provided with an opportunity to opt in/out of programs or features that may collect personal information (e.g., information about a user's preferences or a user's contributions to social content providers). In addition, in some embodiments, certain data may be anonymized in one or more ways before it is stored or used, so that personally identifiable information is removed. For example, a user's identity may be anonymized so that the personally identifiable information cannot be determined for or associated with the user, and so that user preferences or user interactions are generalized (for example, generalized based on user demographics) rather than associated with a particular user.

Although some of various drawings illustrate a number of logical stages in a particular order, stages which are not order dependent may be reordered and other stages may be combined or broken out. While some reordering or other groupings are specifically mentioned, others will be apparent to those of ordinary skill in the art, so the ordering and groupings presented herein are not an exhaustive list of alternatives. Moreover, it should be recognized that the stages could be implemented in hardware, firmware, software or any combination thereof.