User interface including multiple interaction zones

Abstract

A content request is received from a user device of a viewing user of an interactive system. An interaction application executing at a user device presents a viewing user interface including a content region and an interaction region. The third-party content item is presented in the content region. The interaction area includes a first interaction sub-area located in a lower portion of the viewing user interface, outside the content area. The first interaction sub-region includes user-selectable interaction elements. The interaction zone further includes a second interaction sub-zone positioned adjacent to the first interaction sub-zone in a lower portion of the viewing user interface. The second interaction sub-region is located inside the content region and includes a user-selectable contextual element. In response to detecting an interaction gesture for the interaction zone, the interaction application automatically transitions from the viewing state to the interaction state.

Description

[0001] Priority claim

[0002] This application claims the benefit of priority to U.S. Provisional Application Serial No. 63 / 365,651, filed on June 1, 2022, the entire contents of which are incorporated herein by reference. Technical Field

[0003] The present disclosure relates generally to electronic content sharing. More specifically, the subject matter disclosed herein relates to systems and methods for facilitating content generation or user interaction using a user interface having multiple interactive zones. Background Art

[0004] The popularity of computer-implemented programs that allow users to access content online and interact with other users continues to grow. There are various computer-implemented applications that allow users to share content with other users through interactive applications (e.g., messaging clients or content sharing clients). Some computer-implemented applications may be designed to run on mobile devices such as phones, tablets, or wearable devices, with back-end services provided on server computer systems to perform certain operations, such as operations that may require more resources than are reasonably required to perform at the user device.

[0005] An interactive application, such as a messaging client executed at a user device, can enable a sharing user to capture photos or videos and share the captured or viewed content to another device for viewing by a viewing user. The captured content can be enhanced using items such as filters, media overlays, augmented reality effects, links, etc. The viewing user can interact with the shared content or the sharing user in various ways via the interactive application, for example, by sending a reply message to the sharing user, or by capturing and sharing additional photos or videos in response to content shared by the sending user. BRIEF DESCRIPTION OF THE DRAWINGS

[0006] In the accompanying drawings (which are not necessarily drawn to scale), similar reference numerals may describe similar components in different views. To easily identify the discussion of any particular element or action, the highest digit or digits in the reference numeral refer to the figure number in which the element is first introduced. Some non-limiting examples are shown in the figures of the accompanying drawings, in which:

[0007] Figure 1 is a diagrammatic representation of a networked environment in which the present disclosure may be deployed, according to some examples.

[0008] Figure 2 is a diagrammatic representation of an interactive system having both client-side and server-side functionality according to some examples.

[0009] Figure 3 is a diagrammatic representation of data structures maintained in a database according to some examples.

[0010] Figure 4 is a user interface diagram illustrating a viewing user interface according to some examples.

[0011] Figure 5 is a user interface diagram illustrating a reply user interface according to some examples.

[0012] Figure 6 is a flow chart illustrating a method for providing a user interface with multiple interaction zones, according to some examples.

[0013] Figure 7 is a user interface diagram illustrating a viewing user interface according to some examples.

[0014] Figure 8 is a user interface diagram illustrating a viewing user interface according to some examples.

[0015] Fig. 9 is a user interface diagram illustrating a viewing user interface according to some examples.

[0016] Fig.10 is a user interface diagram illustrating a viewing user interface according to some examples.

[0017] Fig.11 is a user interface diagram illustrating a viewing user interface according to some examples.

[0018] Fig.12 is a user interface diagram illustrating a viewing user interface according to some examples.

[0019] Fig.13 is a user interface diagram illustrating a viewing user interface according to some examples.

[0020] Fig.14 is a user interface diagram illustrating a viewing user interface according to some examples.

[0021] Fig.15 is a user interface diagram illustrating a viewing user interface according to some examples.

[0022] Fig.16 is a user interface diagram illustrating a viewing user interface according to some examples.

[0023] Fig.17 is a user interface diagram illustrating a viewing user interface according to some examples.

[0024] Fig.18 is a user interface diagram illustrating a viewing user interface according to some examples.

[0025] Fig.19 is a graphical representation of messages according to some examples.

[0026] Fig. 20 A system including a head wearable device according to some examples is shown.

[0027] Fig.21 is a diagrammatic representation of a machine in the form of a computer system according to some examples within which a set of instructions may be executed for causing the machine to perform any one or more of the methodologies discussed herein.

[0028] Fig. 22 is a block diagram illustrating a software architecture in which examples may be implemented. DETAILED DESCRIPTION

[0029] Examples of the present disclosure provide an enhanced user interface for viewing and interacting with content, including user-input content items that form part of a content collection. The viewing user interface includes a conventional interaction area that is extended by adding an extended interaction area to create a more user-friendly, efficient, or "feed-like" experience.

[0030] The extended interactive zone may provide user-selectable contextual information about a user-input content item (e.g., a third-party content item) presented within the viewing user interface. The extended interactive zone may also provide additional options, such as relationship building actions. The regular interactive zone or the extended interactive zone may be populated based on whether a relationship exists between the viewing user and the sharing user, based on the type of relationship between the users, based on the context of the user-input content item, or based on a combination thereof.

[0031] In some examples, an interactive application executed at a user device presents a viewing user interface including a content area and an interactive area. Third-party content items are presented in the content area. In the case where the third-party content items form part of a content collection, the content collection can be navigated by performing navigation gestures. The navigation gestures may include, for example, tap gestures in a navigation area that is located inside the content area but outside the interactive area. For example, a tap gesture in the left navigation area may cause navigation to a previous item in the content collection, while a tap gesture in the right navigation area may cause navigation to a next item in the content collection.

[0032] The interactive area may include: a first interactive sub-area (e.g., a conventional interactive area) located in a lower portion of the viewing user interface, outside the content area. In some examples, the first interactive sub-area is located below the third-party content item. The first interactive sub-area may include one or more user-selectable interactive elements, such as a messaging or reply button, or alternative interactive elements based on the determined context.

[0033] The interactive area can also include a second interactive sub-area (e.g., an extended interactive area) located in a lower portion of the viewing user interface adjacent to the first interactive sub-area. In some examples, the second interactive sub-area is directly adjacent to the first interactive sub-area, for example, bordering the first interactive sub-area, but located inside the content area. In some examples, the interactive area includes one or more user-selectable contextual elements superimposed on the third-party content item.

[0034] In response to detecting an interaction gesture directed to the interaction zone, the interactive application automatically transitions from the viewing state to the interactive state. In some examples, a swipe gesture within the interaction zone (directed to one or both of the sub-zones) may cause a transition from the viewing state to the interactive state. The interactive state may be a reply state presenting a reply user interface, a content creation state in which a viewing user may create a new user input content item based on the context of the third-party content item, or an alternative interactive state such as a "read more" state involving presentation of further information about the third-party content item.

[0035] A user interface that is difficult to navigate, confusing, or slow may cause a negative user experience or reduced efficiency (e.g., due to slower interactions or selection errors). In addition, this may increase the computing resources typically required to facilitate electronic interactions. Examples of the present disclosure may address such technical issues by providing improved user interface arrangements, maps, and gesture response mechanisms, thereby achieving a more user-friendly and efficient experience.

[0036] User interfaces that include individual interface elements or collections of elements that are suboptimally positioned relative to other elements may cause confusion or otherwise reduce the ease of navigation. Examples of the present disclosure can address technical issues in this regard through improved positioning (including relative positioning) of interface elements, thereby providing a more intuitive and efficient design. Therefore, examples of the present disclosure can promote easier or faster interaction between users in an electronic interactive system, while providing users with useful contextual information and enabling them to express themselves creatively.

[0037] When the effects of the present disclosure are considered together, one or more of the methods described herein can eliminate the need for certain work or resources that would otherwise be involved in executing an interactive application. For example, due to a streamlined user interface, improved arrangement of interface elements, an improved gesture response mechanism, improved interaction efficiency, or less navigation time required to achieve a result, the computing resources used by one or more machines, databases, or networks can be more efficiently utilized or even reduced. Examples of such computing resources may include processor cycles, network traffic, memory usage, graphics processing units (GPUs), data storage capabilities, power consumption, and cooling capabilities.

[0038] Networked computing environment

[0039] Figure 1 1 is a block diagram illustrating an example interactive system 100 for facilitating interactions on a network (e.g., exchanging text messages, making text audio and video calls, or playing games). The interactive system 100 includes a plurality of user systems 102, each of which hosts a plurality of applications including an interactive client 104 and other applications 106. The interactive client 104 is an example of an interactive application, which may be, for example, a messaging application, a media application, a user networking application, a communication application, or a combination thereof. Each interactive client 104 is communicatively coupled to other instances of the interactive client 104 (e.g., hosted on corresponding other user systems 102), an interactive server system 110, and a third-party server 112 via one or more communication networks including a network 108 (e.g., the Internet). The interactive client 104 may also communicate with the locally hosted application 106 using an application program interface (API).

[0040] Each user system 102 may include multiple user devices, such as a mobile device 114, a head mounted device 116, and a computer client device 118, which are communicatively connected to exchange data and messages.

[0041] The interactive clients 104 interact with other interactive clients 104 and with the interactive server system 110 via the network 108. The data exchanged between the interactive clients 104 (e.g., interaction 120) and between the interactive clients 104 and the interactive server system 110 includes functions (e.g., commands for activating functions) and payload data (e.g., text, audio, video or other multimedia data).

[0042] The interactive server system 110 provides server-side functions to the interactive clients 104 via the network 108. Although certain functions of the interactive system 100 are described herein as being performed by the interactive clients 104 or by the interactive server system 110, the location of certain functions within the interactive clients 104 or within the interactive server system 110 may be a design choice. For example, it may be technically preferred to initially deploy certain technologies and functions within the interactive server system 110, but later migrate the technologies and functions to the interactive clients 104 where the user system 102 has sufficient processing power.

[0043] The interactive server system 110 supports various services and operations provided to the interactive clients 104. Such operations include sending data to the interactive clients 104, receiving data from the interactive clients 104, and processing data generated by the interactive clients 104. The data may include message content, client device information, geographic location information, media enhancements and overlays, message content persistence conditions, entity relationship information, and live event information. The data exchange within the interactive system 100 is activated and controlled by functions available through the user interface of the interactive client 104.

[0044] Turning now specifically to the interaction server system 110, the API server 122 is coupled to and provides a programming interface to the interaction server 124, making the functionality of the interaction server 124 accessible to the interaction clients 104, other applications 106, and third-party servers 112. The interaction server 124 is communicatively coupled to a database server 126, thereby facilitating access to a database 128 that stores data associated with interactions processed by the interaction server 124. Similarly, a web server 130 is coupled to the interaction server 124 and provides a web-based interface to the interaction server 124. To this end, the web server 130 handles incoming network requests via the Hypertext Transfer Protocol (HTTP) and several other related protocols.

[0045] The API server 122 receives and sends interaction data (e.g., commands and message payloads) between the interaction server 124 and the user system 102 (and, for example, the interaction client 104 and other applications 106) and the third-party server 112. Specifically, the API server 122 provides a set of interfaces (e.g., routines and protocols) that the interaction client 104 and other applications 106 can call or query to activate the functions of the interaction server 124. The API server 122 exposes various functions supported by the interaction server 124, including account registration; login function; sending interaction data from a particular interaction client 104 to another interaction client 104 via the interaction server 124; transferring media files (e.g., images or videos) from the interaction client 104 to the interaction server 124; setting a media data collection (e.g., a story); retrieving a friend list of a user of the user system 102; retrieving messages and content; adding and removing entities (e.g., friends) for an entity graph (e.g., a social graph); locating friends within an entity graph; and opening application events (e.g., related to the interaction client 104). The interactive server 124 hosts multiple systems and subsystems, as shown below. Figure 2 Give a description.

[0046] Linked Applications

[0047] Returning to the interactive client 104, the features and functions of the external resource (e.g., the linked application 106 or applet) are available to the user via the interface of the interactive client 104. In this context, "external" refers to the fact that the application 106 or applet is outside the interactive client 104. External resources are usually provided by a third party, but can also be provided by the creator or provider of the interactive client 104. The interactive client 104 receives a user selection of an option for launching or accessing the features of such an external resource. The external resource can be an application 106 (e.g., a "local app") installed on the user system 102, or a small-scale version of the application (e.g., a "mini program") hosted on the user system 102 or located at the user system 102 remote end (e.g., on a third-party server 112). The small-scale version of the application includes a subset of the features and functions of the application (e.g., the full-scale, local version of the application) and is implemented using a markup language document. In some examples, the small-scale version of the application (e.g., a "mini program") is a web-based markup language version of the application and is embedded in the interactive client 104. In addition to using markup language documents (eg, *ml files), applets may include scripting languages ​​(eg, .*js files or .json files) and style sheets (eg, .*ss files).

[0048] In response to receiving a user selection of an option for launching or accessing a feature of an external resource, the interactive client 104 determines whether the selected external resource is a web-based external resource or a locally installed application 106. In some cases, the application 106 installed locally on the user system 102 can be independent of the interactive client 104 and launched separately from the interactive client 104, such as by selecting an icon corresponding to the application 106 on a home screen of the user system 102. A small-scale version of such an application can be launched or accessed via the interactive client 104, and in some examples, no portion of the small-scale application can be accessed outside of the interactive client 104 or only a limited portion of the small-scale application can be accessed outside of the interactive client 104. The small-scale application can be launched by the interactive client 104 receiving, for example, a markup language document associated with the small-scale application from the third-party server 112 and processing such a document.

[0049] In response to determining that the external resource is a locally installed application 106, the interactive client 104 instructs the user system 102 to launch the external resource by executing the locally stored code corresponding to the external resource. In response to determining that the external resource is a web-based resource, the interactive client 104 communicates with (for example) a third-party server 112 to obtain a markup language document corresponding to the selected external resource. The interactive client 104 then processes the obtained markup language document to present the web-based external resource within the user interface of the interactive client 104.

[0050] The interactive client 104 can notify the user of the user system 102 or other users (e.g., "friends") associated with such a user of one or more external resources of activities that are occurring. For example, the interactive client 104 can provide a notification related to the current or recent use of an external resource by one or more members of a group of users to a participant in a conversation (e.g., a chat session) in the interactive client 104. One or more users can be invited to join an active external resource or to start an external resource that was recently used but is currently inactive (in the friend group). The external resource can provide the participants in the conversation who each use the corresponding interactive client 104 with the ability to share items, conditions, states, or locations in the external resource with one or more members of a group of users in the chat session. The shared item can be an interactive chat card, and the members of the chat can interact with the interactive chat card to, for example, start the corresponding external resource, view specific information in the external resource, or bring the members of the chat to a specific location or state in the external resource. In a given external resource, a response message can be sent to the user on the interactive client 104. The external resource can selectively include different media items in the response based on the current context of the external resource.

[0051] The interactive client 104 can present a list of available external resources (e.g., applications 106 or applets) to the user to launch or access a given external resource. The list can be presented in a context-sensitive menu. For example, icons representing different applications (or applets) in the applications 106 (or applets) can change based on how the user launches the menu (e.g., from a conversational interface or from a non-conversational interface).

[0052] System Architecture

[0053] Figure 2 1 is a block diagram showing additional details about the interactive system 100 according to some examples. Specifically, the interactive system 100 is shown to include an interactive client 104 and an interactive server 124. The interactive system 100 contains a number of subsystems that are supported on the client side by the interactive client 104 and on the server side by the interactive server 124. Example subsystems are discussed below.

[0054] Image processing system 202 provides various functions that enable a user to capture and enhance (eg, annotate or otherwise modify or edit) media content associated with a message.

[0055] The camera system 204 includes control software (e.g., in a camera application) that interacts with and controls the camera hardware of the user system 102 (e.g., directly or via operating system control) to modify and enhance real-time images captured and displayed via the interactive client 104.

[0056] The enhancement system 206 provides functionality related to the generation and publication of enhancements (e.g., media overlays) for images captured in real time by the camera of the user system 102 or retrieved from the memory of the user system 102. For example, the enhancement system 206 is operable to select, present, and display media overlays (e.g., image filters or image lenses) for the interactive client 104 for enhancing the real-time imagery received via the camera system 204 or the stored imagery retrieved from the memory 2002 of the user system 102. These enhancements are selected and presented to the user of the interactive client 104 by the enhancement system 206 based on some input and data, such as, for example:

[0057] The geographic location of the user system 102; and

[0058] Entity relationship information of users of the user system 102 .

[0059] Enhancement can include audio and visual content and visual effects. Examples of audio and visual content include pictures, text, logos, animations, and sound effects. Examples of visual effects include color overlays. Audio and visual content or visual effects can be applied to user input content items (e.g., photos or videos) at user system 102 for transmission in messages, or applied to video content such as video content streams or feeds sent from interactive client 104. Therefore, image processing system 202 can interact with various subsystems of communication system 208 and support various subsystems of communication system 208, such as messaging system 210 and video communication system 212.

[0060] Media overlays may include text or image data that can be superimposed on a photo taken by the user system 102 or a video stream produced by the user system 102. In some examples, the media overlay may be a location overlay (e.g., Venice Beach), the name of a live event, or a business name overlay (e.g., Beach Cafe). In another example, the image processing system 202 uses the geographic location of the user system 102 to identify a media overlay including the name of a business at the geographic location of the user system 102. The media overlay may include other logos associated with the business. The media overlay may be stored in the database 128 and accessed by the database server 126.

[0061] The image processing system 202 provides a user-based publishing platform that enables a user to select a geographic location on a map and upload content associated with the selected geographic location. The user may also specify under what circumstances a particular media overlay should be provided to other users. The image processing system 202 generates a media overlay that includes the uploaded content and associates the uploaded content with the selected geographic location.

[0062] The augmented creation system 214 supports the augmented reality developer platform and includes applications for content creators (e.g., artists and developers) to create and publish augmentations (e.g., augmented reality experiences) for the interactive clients 104. The augmented creation system 214 provides content creators with a library of built-in features and tools, including, for example, custom shaders, tracking techniques, and templates.

[0063] In some examples, enhancement creation system 214 provides a merchant-based publishing platform that enables merchants to select specific enhancements associated with geographic locations via a bidding process. For example, enhancement creation system 214 associates the highest bidding merchant's media overlay with the corresponding geographic location for a predefined amount of time.

[0064] The communication system 208 is responsible for enabling and processing various forms of communication and interaction within the interactive system 100, and includes a messaging system 210, an audio communication system 216, and a video communication system 212. The messaging system 210 is responsible for enforcing temporary or time-limited access to content by the interactive clients 104. The messaging system 210 includes multiple timers (e.g., within a transient timer system 218) that selectively enable access (e.g., for presentation and display) of messages and associated content via the interactive clients 104 based on durations and display parameters associated with a message or a collection of messages (e.g., a story). Additional details regarding the operation of the transient timer system 218 are provided below. The audio communication system 216 enables and supports audio communication (e.g., real-time audio chat) between multiple interactive clients 104. Similarly, the video communication system 212 enables and supports video communication (e.g., real-time video chat) between multiple interactive clients 104.

[0065] The user management system 220 is operationally responsible for managing user data and profiles, and includes an entity relationship system 222 that maintains information about relationships between users of the interactive system 100 .

[0066] The collection management system 224 is operationally responsible for managing collections or collections of media (e.g., collections of text, image video, and audio data). Collections of content (e.g., messages, including images, videos, text, and audio) can be organized into "event libraries" or "event stories." Such collections can be made available within a specified time period (such as the duration of an event related to the content). For example, content related to a concert can be made available as a "story" for the duration of the concert. The collection management system 224 can also be responsible for publishing an icon that provides notifications of a specific collection to the user interface of the interactive client 104. The collection management system 224 includes a curation function that enables collection managers to manage and curate specific content collections. For example, a curation interface enables event organizers to curate collections of content related to a specific event (e.g., deleting inappropriate content or redundant messages). In addition, the collection management system 224 uses machine vision (or image recognition technology) and content rules to automatically curate content collections. In some examples, compensation can be paid to users for including user-generated content in a collection. In such a case, the collection management system 224 operates to automatically pay such users to use their content. Collection management system 224 may communicate with messaging system 210 to enable users to reply to user-input content items that form part of a content collection, for example, to enable users to reply to a particular item that forms part of another user's "story."

[0067] The mapping system 226 provides various geo-location functions and supports the presentation of map-based media content and messages by the interactive client 104. For example, the mapping system 226 enables the display of a user icon or avatar (e.g., stored in the profile data 302) on a map to indicate the current or past locations of the user's "friends" and media content (e.g., a collection of messages including photos and videos) generated by such friends in the context of the map. For example, on the map interface of the interactive client 104, messages posted by the user to the interactive system 100 from a particular geographic location can be displayed to the "friends" of the particular user within the context of that particular location on the map. The user can also share his or her location and status information with other users of the interactive system 100 via the interactive client 104 (e.g., using an appropriate status avatar), where the location and status information is similarly displayed to the selected user within the context of the map interface of the interactive client 104.

[0068] The gaming system 228 provides various gaming functions within the context of the interactive client 104. The interactive client 104 provides a gaming interface that provides a list of available games that can be launched by a user within the context of the interactive client 104 and played with other users of the interactive system 100. The interactive system 100 also enables a particular user to invite other users to participate in playing a particular game by sending an invitation to such other users from the interactive client 104. The interactive client 104 also supports audio, video, and text messaging (e.g., chat) within the context of game play, provides leaderboards for games, and also supports the provision of in-game rewards (e.g., game coins and items).

[0069] The external resource system 230 provides an interface for the interactive client 104 to communicate with a remote server (e.g., a third-party server 112) to launch or access an external resource (i.e., an application or applet). Each third-party server 112 hosts, for example, an application or a small-scale version of an application based on a markup language (e.g., HTML5) (e.g., a game application, a utility application, a payment application, or a ride-sharing application). The interactive client 104 can launch a web-based resource (e.g., an application) by accessing an HTML5 file from a third-party server 112 associated with a web-based resource. The application hosted by the third-party server 112 is programmed in JavaScript using a software development kit (SDK) provided by the interactive server 124. The SDK includes an application programming interface (API) having functions that can be called or activated by a web-based application. The interactive server 124 hosts a JavasScript library that provides access to a given external resource to specific user data of the interactive client 104. HTML5 is an example of a technology for programming games, but applications and resources programmed based on other technologies can be used.

[0070] In order to integrate the functions of the SDK into the web-based resource, the SDK is downloaded from the interactive server 124 by the third-party server 112, or the SDK is received by the third-party server 112 in other ways. Once the SDK is downloaded or received, the SDK is included as part of the application code of the web-based external resource. The code of the web-based resource can then call or activate certain functions of the SDK to integrate the features of the interactive client 104 into the web-based resource.

[0071] The SDK stored on the interactive server system 110 effectively provides a bridge between external resources (e.g., applications 106 or applets) and the interactive client 104. This gives users a seamless experience of communicating with other users on the interactive client 104, while also retaining the look and feel of the interactive client 104. In order to bridge the communication between the external resources and the interactive client 104, the SDK facilitates the communication between the third-party server 112 and the interactive client 104. The WebViewJavaScriptBridge running on the user system 102 establishes two one-way communication channels between the external resources and the interactive client 104. Messages are sent asynchronously between the external resources and the interactive client 104 via these communication channels. Each SDK function activation is sent as a message and a callback. Each SDK function is implemented by constructing a unique callback identifier and sending a message with the callback identifier.

[0072] By using the SDK, not all information from the interactive client 104 is shared with the third-party server 112. The SDK limits which information is shared based on the needs of the external resource. Each third-party server 112 provides an HTML5 file corresponding to a web-based external resource to the interactive server 124. The interactive server 124 can add a visual representation (such as a box design or other graphics) of the web-based external resource in the interactive client 104. Once the user selects the visual representation through the GUI of the interactive client 104 or instructs the interactive client 104 to access the features of the web-based external resource, the interactive client 104 obtains the HTML5 file and instantiates the resource for accessing the features of the web-based external resource.

[0073] The interactive client 104 presents a graphical user interface (e.g., a login page or title screen) for an external resource. During, before, or after presenting the login page or title screen, the interactive client 104 determines whether the launched external resource has been previously authorized to access the user data of the interactive client 104. In response to determining that the launched external resource has been previously authorized to access the user data of the interactive client 104, the interactive client 104 presents another graphical user interface of the external resource including the functions and features of the external resource. In response to determining that the launched external resource has not been previously authorized to access the user data of the interactive client 104, after displaying the login page or title screen of the external resource for a threshold period of time (e.g., 3 seconds), the interactive client 104 slides up a menu (e.g., animating the menu to emerge from the bottom of the screen to the middle or other part of the screen) for authorizing the external resource to access the user data. The menu identifies the type of user data that the external resource will be authorized to use. In response to receiving a user selection of the accept option, the interactive client 104 adds the external resource to the list of authorized external resources and allows the external resource to access the user data from the interactive client 104. External resources are authorized by the interactive client 104 to access user data under the OAuth 2 framework.

[0074] The interaction client 104 controls the type of user data shared with the external resource based on the type of external resource that is authorized. For example, an external resource including a full-scale application (e.g., application 106) is provided with access to a first type of user data (e.g., a two-dimensional avatar of a user with or without different avatar characteristics). As another example, an external resource including a small-scale version of an application (e.g., a web-based version of the application) is provided with access to a second type of user data (e.g., payment information, a two-dimensional avatar of a user, a three-dimensional avatar of a user, and an avatar with various avatar characteristics). Avatar characteristics include different ways to customize the look and feel of an avatar (such as different poses, facial features, clothing, etc.).

[0075] The advertising system 232 operatively enables third parties to purchase advertisements for presentation to end users via the interactive clients 104 and also handles the delivery and presentation of these advertisements.

[0076] Data Architecture

[0077] Figure 3 is a schematic diagram illustrating a data structure 300 that may be stored in a database 304 of an interactive server system 110 according to some examples. Although the contents of the database 304 are shown as including a plurality of tables, it will be appreciated that data may be stored in other types of data structures (e.g., as an object-oriented database).

[0078] Database 304 includes message data stored in message table 306. For any particular message, the message data includes at least message sender data, message recipient (or receiver) data, and payload. Fig.19 Additional details regarding information that may be included in a message and included within the message data stored in message table 306 are described.

[0079] The entity table 308 stores entity data and is linked (e.g., by reference) to the entity graph 310 and the profile data 302. The entities whose records are maintained within the entity table 308 may include individuals, corporate entities, organizations, objects, places, events, etc. Regardless of the entity type, any entity about which the interactive server system 110 stores data may be an identified entity. Each entity is provided with a unique identifier as well as an entity type identifier (not shown).

[0080] The entity graph 310 stores information about relationships and associations between entities. By way of example only, such relationships may be social, professional (e.g., working in a common company or organization), interest-based, or activity-based.

[0081] In general, the examples disclosed herein involve relationships such as bidirectional relationships and unidirectional relationships, and these relationships can be recorded in entity table 308 or entity graph 310. A unidirectional relationship can be generated by a user sending a relationship request to another user. Since the other user may not have accepted the relationship request, in some examples, the relationship is considered a unidirectional relationship. In other examples, such as the following Figure 8 In , a one-way relationship can be generated by a user following or subscribing to another user's content without requesting or requiring the other user to respond. A two-way relationship can be established when one party sends an invitation or request to the other party and the other party accepts the invitation to establish a two-way relationship.

[0082] Due to the establishment of relationships, such as unidirectional or bidirectional relationships recorded by entity table 308 or entity graph 310, as a result of the establishment of the relationship, certain automatic information sharing can occur in the context of the interactive system 100. For example, where the interactive system 100 includes an entity relationship system (such as a social media system), information, data, and / or content related to one entity can be shared according to the direction of the relationship. In the case of a unidirectional relationship, information, data, and / or content can be shared in the direction of the relationship. In the case of a bidirectional relationship, information, data, and / or content sharing can be mutual and bidirectional between entities. In the case of the interactive system 100 including an entity relationship system (such as a social media system), the shared information can include, for example, content generated or shared by a user, geographic location information about the user, and certain profile or personal information. Therefore, as part of a bidirectional relationship, the interactive system 100 can automatically share user-generated content and / or other data between two users in the relationship that would not be shared if there was no such relationship.

[0083] The privacy settings and systems provided by the interactive system 100 and any particular entity can specify what information is shared under each relationship in a unidirectional or bidirectional relationship with other entities. The privacy settings can also determine the type and scope of shared information based on the classification of the relationship type with other entities by the relevant entity.

[0084] The profile data 302 stores multiple types of profile data about a particular entity. Based on the privacy settings specified by the particular entity, the profile data 302 can be selectively used and presented to other users of the interactive system 100. In the case where the entity is a person, the profile data 302 includes, for example, the user name, phone number, address, and settings (e.g., notification and privacy settings) and an avatar representation (or a collection of such avatar representations) selected by the user. The particular user can then selectively include one or more of these avatar representations within the content of messages transmitted via the interactive system 100 and on a map interface displayed to other users by the interactive client 104. The collection of avatar representations can include a "status avatar" that presents a graphical representation of a state or activity that a user can select to communicate at a particular time.

[0085] Where the entity is a group, profile data 302 for the group may similarly include one or more avatar representations associated with the group, in addition to the group name, members, and various settings for the relevant group (eg, notifications).

[0086] Database 304 also stores enhancement data, such as overlays or filters, in enhancement table 312. Enhancement data is associated with and applied to videos (data for videos is stored in video table 314) and images (data for images is stored in image table 316).

[0087] In some examples, the filter is an overlay displayed as an overlay on an image or video during presentation to the recipient user. The filter can be of various types, including a user-selected filter from a set of filters presented to the sending user by the interactive client 104 when the sending user is composing a message. Other types of filters include geolocation filters (also known as geofilters), which can be presented to the sending user based on geographic location. For example, a geolocation filter specific to a nearby or special location can be presented by the interactive client 104 within the user interface based on geographic location information determined by a global positioning system (GPS) unit of the user system 102.

[0088] Another type of filter is a data filter, which can be selectively presented to the sending user by the interaction client 104 based on other input or information collected during the message creation process by the user system 102. Examples of data filters include the current temperature at a particular location, the current speed the sending user is traveling, the battery life of the user system 102, or the current time.

[0089] Other augmented data that may be stored in the image table 316 include augmented reality content items (eg, corresponding to application lenses or augmented reality experiences). Augmented reality content items may be real-time special effects and / or sounds that may be added to an image or video.

[0090] As described above, augmented data includes augmented reality (AR), virtual reality (VR) and mixed reality (MR) content items, overlays, image transformations, images and modifications that can be applied to image data (e.g., video or images). This includes real-time modifications that modify images when they are captured using the device sensor (e.g., one or more cameras) of the user system 102 and then display the modified images on the screen of the user system 102. This also includes modifications to stored content (such as video clips in a collection or group that can be modified). For example, in a user system 102 that can access multiple augmented reality content items, a user can use a single video clip with multiple augmented reality content items to see how different augmented reality content items will modify the stored clips. Similarly, real-time video capture can use modifications to show how the video image currently captured by the sensor of the user system 102 will modify the captured data. Such data can be displayed only on the screen without being stored in the memory, or the content captured by the device sensor can be recorded and stored in the memory with or without modification (or both with and without modification). In some systems, the preview feature can show how different augmented reality content items will look in different windows of the display at the same time. This can, for example, enable viewing multiple windows with different pseudo-random animations on the display at the same time.

[0091] Thus, data using augmented reality content items and various systems or other such transformation systems that modify content using such data may involve detection of objects (e.g., faces, hands, bodies, cats, dogs, surfaces, objects, etc.) in video frames, tracking of such objects as they leave, enter, and move around the field of view, and modification or transformation of such objects as they are tracked. In various examples, different methods for implementing such transformations may be used. Some examples may involve: generating a three-dimensional mesh model of one or more objects; and using transformations of the model and animated textures within a video to implement the transformations. In some examples, tracking of points on an object may be used to place an image or texture (which may be two-dimensional or three-dimensional) at the tracked location. In yet another example, neural network analysis of a video frame may be used to place an image, model, or texture in content (e.g., an image or frame of a video). Thus, augmented reality content items refer both to images, models, and textures used to create transformations in content, and to additional modeling and analysis information required to implement such transformations using object detection, tracking, and placement.

[0092] Real-time video processing can be performed using any type of video data (e.g., video streams, video files, etc.) stored in the memory of any type of computerized system. For example, a user can load a video file and save it in the memory of the device, or a sensor of the device can be used to generate a video stream. Additionally, computer animation models can be used to process any object, such as a person's face and parts of a person's body, an animal, or an inanimate object such as a chair, a car, or other object.

[0093] In some examples, when a specific modification is selected together with the content to be transformed, the element to be transformed is identified by a computing device, and then if the element to be transformed exists in a frame of the video, it is detected and tracked. The elements of the object are modified according to the modification request, thereby transforming the frame of the video stream. For different types of transformations, the transformation of the frame of the video stream can be performed by different methods. For example, for the transformation of the frame that mainly refers to changing the form of the elements of the object, the characteristic points of each element of the object are calculated (for example, using an active shape model (ASM) or other known methods). Then, a grid based on the characteristic points is generated for each element of the object. The grid is used in a subsequent stage in which the elements of the object in the video stream are tracked. During the tracking process, the grid for each element is aligned with the position of each element. Then, additional points are generated on the grid.

[0094] In some examples, the transformation of some areas of the object using the elements of the object can be performed by calculating the characteristic points of each element of the object and generating a grid based on the calculated characteristic points. Points are generated on the grid, and then various areas based on these points are generated. Then, the elements of the object are tracked by aligning the area of ​​each element with the position of each element of at least one element, and the properties of the area can be modified based on the request for modification, thereby transforming the frame of the video stream. Depending on the specific request for modification, the properties of the mentioned area can be transformed in different ways. Such modifications may involve: changing the color of the area; removing some parts of the area from the frame of the video stream; including new objects in the area based on the modification request; and modifying or distorting the elements of the area or object. In various examples, any combination of such modifications or other similar modifications may be used. For certain models to be animated, some characteristic points can be selected as control points of the entire state space to be used to determine options for model animation.

[0095] In some examples of computer animation models for transforming image data using face detection, faces are detected on an image using a specific face detection algorithm (e.g., Viola-Jones). An active shape model (ASM) algorithm is then applied to the face region of the image to detect facial feature reference points.

[0096] Other methods and algorithms suitable for face detection may be used. For example, in some examples, landmarks are used to locate features, and landmarks represent distinguishable points that are present in most of the images considered. For example, for facial landmarks, the location of the left pupil can be used. If the initial landmarks are not recognizable (for example, if the person is wearing an eye patch), secondary landmarks can be used. Such a landmark identification process can be used for any such object. In some examples, a set of landmarks forms a shape. The shape can be represented as a vector using the coordinates of the points in the shape. One shape is aligned with another shape using a similarity transformation (allowing translation, scaling, and rotation) that minimizes the average Euclidean distance between the shape points. The average shape is the average of the aligned training shapes.

[0097] The transformation system can capture an image or video stream on a client device (e.g., user system 102) and perform complex image manipulations locally on the user system 102 while maintaining an appropriate user experience, computational time, and power consumption. Complex image manipulations can include size and shape changes, emotion transformations (e.g., changing a face from a frown to a smile), state transitions (e.g., aging a subject, reducing apparent age, changing gender), style transformations, application of graphical elements, and any other suitable image or video manipulations implemented by a convolutional neural network that has been configured to execute efficiently on the user system 102.

[0098] In some examples, a computer animation model for transforming image data may be used by a system in which a user may capture an image or video stream of the user (e.g., a selfie) using a user system 102 having a neural network operating as part of an interactive client 104 operating on the user system 102. The transformation system operating within the interactive client 104 determines the presence of a face within the image or video stream and provides a modification icon associated with the computer animation model for transforming the image data, or the computer animation model may exist in association with an interface described herein. The modification icon includes changes as a basis for modifying the user's face within the image or video stream as part of the modification operation. Once the modification icon is selected, the transformation system initiates a process of transforming the user's image to reflect the selected modification icon (e.g., generating a smiley face on the user). Once the image or video stream is captured and the specified modification is selected, the modified image or video stream may be presented in a graphical user interface displayed on the user system 102. The transformation system may implement a complex convolutional neural network on a portion of the image or video stream to generate and apply the selected modification. That is, a user can capture an image or video stream, and once a modification icon is selected, the modified result can be presented to the user in real time or near real time. In addition, the modification can be persistent while the video stream is being captured and the selected modification icon remains on. A machine learning neural network can be used to implement such modification.

[0099] The graphical user interface presenting the modifications performed by the transformation system can supply additional interactive options to the user. Such options can be based on an interface for initiating selection of a particular computer animation model and content capture (e.g., initiated from a content creator user interface). In various examples, the modifications can be persistent after the modification icon is initially selected. The user can switch the modification on or off by tapping or otherwise selecting the face being modified by the transformation system, and store it for later viewing or browsing other areas of the imaging application. In the case where the transformation system modifies multiple faces, the user can globally switch the modification on or off by tapping or selecting a single face modified and displayed within the graphical user interface. In some examples, each face in a group of multiple faces can be modified individually, or such modifications can be switched individually by tapping or selecting a single face or a series of individual faces displayed within the graphical user interface.

[0100] The collection table 318 stores data about a collection of messages and associated images, video or audio data that are compiled into a collection (e.g., a story or gallery). The creation of a particular collection can be initiated by a particular user (e.g., each user whose record is maintained in the entity table 308). A user can create a "personal story" in the form of a collection of content that has been created and sent / broadcasted by the user. To this end, the user interface of the interactive client 104 may include a user-selectable icon to enable the sending user to add specific content to his or her personal story.

[0101] The collection may also constitute a "live story" that is a collection of content from multiple users, created manually, automatically, or using a combination of manual and automatic techniques. For example, a "live story" may constitute a curated stream of user-submitted content from various locations and events. Users whose client devices have location services enabled and who are at a common location event at a particular time may be presented with the option of contributing content to a particular live story, for example, via the user interface of the interactive client 104. Live stories may be identified to the user by the interactive client 104 based on his or her location. The end result is a "live story" told from a community perspective.

[0102] Another type of content collection is called a "location story" that enables users whose user systems 102 are located in a particular geographic location (e.g., on a college or university campus) to contribute to a particular collection. In some examples, contributions to location stories may require secondary authentication to verify that the end user belongs to a particular organization or other entity (e.g., is a student on a university campus).

[0103] As mentioned above, the video table 314 stores video data that, in some examples, is associated with a message whose record is saved within the message table 306. Similarly, the image table 316 stores image data associated with a message whose message data is stored in the entity table 308. The entity table 308 may associate various enhancements from the enhancement table 312 with the various images and videos stored in the image table 316 and the video table 314.

[0104] Figure 4 is a user interface diagram depicting a viewing user interface 402 that may be presented by an interaction client 104 (as an example of an interaction application) executing on a mobile device 114 according to some examples. Although the viewing user interface 402 is described as being presented on a screen of the mobile device 114, the viewing user interface 402 may also be presented using other types of devices that may provide a suitable user interface or display (e.g., an optical display of a head mounted device 116, a desktop computer), or via a smart contact lens.

[0105] View user interface 402 displays user input content items in the form of examples of third-party content items 404. The area covered by third-party content items 404 is referred to as a content area. Third-party content items 404 may include image data, video data, audio data, text, or a combination of these data types, as well as enhancement or modification data (e.g., stickers, filters, or lenses).

[0106] In some examples, third-party content items 404 are part of a collection of third-party content items generated and published (or posted) by third-party users of the interactive system 100. Such a collection may be referred to as a "story," and the third-party user may be referred to as a "sharing user" or "publisher." A viewing user may navigate through the collection, such as by performing an appropriate tap gesture to move forward to a subsequent content item in the collection (see arrow 420) or return to a previous content item in the collection (see arrow 418). In some examples, the collection may display each content item for a predefined period of time, and then automatically continue to present the next content item in the collection (unless the user provides contrary user input during the predefined period of time).

[0107] like Figure 4 As shown, viewing user interface 402 includes an interactive area in its lower portion, which includes two sub-areas. The first sub-area is a conventional interactive area 406 including one or more user-selectable interactive elements. Interactive area 406 is located outside the content area (e.g., does not cover or overlap third-party content items 404), wherein its selectable elements are at the bottom of viewing user interface 402.

[0108] In some examples, the interactive element includes a reply element that enables the viewing user to generate a reply message to the third-party content item. The reply element may include a reply camera element that the user can select to activate a reply camera function of the interactive application. For example, Figure 4 The camera button 408 shown in FIG. 1 is user-selectable to activate a reply camera function. The reply camera function enables a user to respond to a third-party user posting a third-party content item 404. The response may include a user input content item (e.g., a digital image captured using a camera of the mobile device 114). In addition, the activated reply camera function may enable the user to enhance the user input content item with an enhancement (e.g., the same enhancement applied to the third-party content item 404). To this end, the user's selection of the camera button 408 causes the reply camera user interface 502 to be displayed, as shown in FIG. Figure 5 As shown, as part of the recovery camera function.

[0109] The reply element may also be in the form of a text input field 410 that enables a viewing user to generate the text of a reply message. Figure 4 A text entry field 410 is shown in which a user may provide text to accompany a reply transmitted to a third-party user, and Figure 4 Also shown is a share button 422 that the user can select to share the third-party content item 404, for example, as a direct message to a third-party user, to the viewing user's own "story," or to a third-party messaging application. The camera button 408, the text input field 410, and the share button 422 may form part of a tray displayed in the interactive area 406 (e.g., below the third-party content item 404), such as Figure 4 shown.

[0110] The second sub-area in the lower portion of viewing user interface 402 is extended interactive area 412. In some examples, and as Figure 4 As shown, the extended interactive area 412 is an extension of the conventional interactive area 406 in the lower portion of the viewing user interface 402, which is located within the content area. The extended interactive area 412 can be adjacent to the interactive area 406, or can abut or border the interactive area 406 to provide an extension. In addition, in some examples, and again as shown in FIG. Figure 4 As shown, extended interactivity zone 412 is superimposed on third-party content item 404 presented in viewing user interface 402, while conventional interactivity zone 406 is located below (and therefore not superimposed on) third-party content item 404. Thus, extended interactivity zone 412 may extend vertically upward over a portion of third-party content item 404 to the entire interactivity zone in the lower portion of viewing user interface 402. Elements in extended interactivity zone 412 may be superimposed on third-party content item 404 such that third-party content item 404 remains partially visible within viewing user interface 402, thereby maintaining visual appeal.

[0111] The extended interactive area 412 may include one or more user-selectable contextual elements superimposed on the third-party content item 404. For example, the elements within the extended interactive area 412 may be part of a contextual disk. The contextual elements may include, for example, an enhanced identifier, a location identifier, or a user identifier of a sharing user or publisher, as described further below.

[0112] Specific reference Figure 4, the extended interactive area 412 presents one or more context elements in the form of example context cards 414, each of which provides context related to the third-party content item 404. For example, the context card can present a user identifier or a publisher identifier, which provides information about the third-party user who published or published the third-party content item 404. For example, this information may include a user name and an avatar. Other context cards may identify one or more enhancements (e.g., an image lens or an image filter) that have been applied to the third-party content item 404, and some context cards may provide a location, time, and other metadata associated with the third-party content item 404.

[0113] The second sub-area (extended interactive area 412) may also include a set of user-selectable action elements presented in a stacked arrangement. Figure 4 , the expanded interactive area 412 includes various actions 416 (eg, stacking actions) that the active user can take with respect to the third-party content item 404. Examples of actions 416 are described below.

[0114] In some cases, such as where the third-party content item 404 is part of a collection of content items, the viewing user can navigate between the items in the collection by performing tap gestures in a predefined navigation area of ​​the viewing user interface 402. Figure 4 As shown, viewing user interface 402 may include two navigation areas or tap zones located above extended interactive area 412 and separated by vertical tap zone border 424. For example, if a user taps in the area to the left of tap zone border 424, viewing user interface 402 may automatically transition to a previous or earlier content item in the collection, while if a user taps in the area to the right of tap zone border 424, viewing user interface 402 may automatically transition to a next or later content item in the collection.

[0115] In some examples, the content area presenting the third-party content item 404 may therefore include both the extended interaction area 412 and the navigation area. The navigation area may not include the extended interaction area 412, for example, so that the viewing user can tap one of the context cards 414 or actions 416 to select the desired context element or action instead of navigating to another item in the content collection. In other words, the navigation area does not overlap with the extended interaction area 412 or the conventional interaction area 406. In some examples, a press-and-hold operation on the content area (but outside of the extended interaction area 412) enables the viewing user to pause the presentation of the collection so that the current item remains presented.

[0116] Figure 51 is a user interface diagram depicting a reply user interface in the example form of a reply camera user interface 502 that may be presented by an interaction client 104 executing on a mobile device 114 according to some examples. Although the reply camera user interface 502 is described as being presented on a screen of the mobile device 114, the reply camera user interface 502 may also be presented on other suitable devices, such as those described above with reference to FIG. Figure 4 mentioned.

[0117] In response to being Figure 4 When the user performs a predefined gesture or makes a predefined selection in the viewing state shown, the interactive client 104 can automatically transition from the viewing state to the interactive state, for example, Figure 5 In the interactive state, the viewing user can interact with the third-party content item 404 or the sharing user, for example, by using the reply camera user interface 502 to generate a reply message, or by using the enhancements applied to the third-party content item 404 to create new content. The predefined selection can be a selection camera button 408. The predefined gesture can be a swipe gesture, for example, an upward swipe gesture for the regular interactive area 406 or the extended interactive area 412 or both, which can cause the interactive client 104 to transition to the interactive state.

[0118] The reply camera user interface 502 may present a live feed from the camera of the mobile device 114, which the user may then capture as a still digital image or digital video by selecting an appropriate button (e.g., capture button 508) within the interactive area 506 of the reply camera user interface 502. In some examples, the user may be enabled to select a content item from a media library or other storage device, such as by selecting a media library selector 510 presented in the reply camera user interface 502.

[0119] The reply camera user interface 502 displays a user input content item 504, such as a digital image or digital video captured by a camera of the mobile device 114 or a digital image or digital video retrieved from a storage device. The user input content item 504 can be edited or enhanced within the reply camera user interface 502 so that the final user input content item 504 includes the desired image data, video data, audio data, text, or a combination of these data types and enhancement or modification data (e.g., stickers, filters, or lenses).

[0120] The interactive area 506 of the reply camera user interface 502 also includes a function or tool portion, in the exemplary form of a function carousel 512. The function carousel 512 presents various tools and functions that a user of the mobile device 114 can activate to interact with other users of the interactive system 100, to interact with content accessible via the interactive system 100, and also to modify captured user input content items 504 displayed within the reply camera user interface 502. For example, the function carousel 512 includes a content enhancement selection graphical element 514 (e.g., a user-selectable icon) that a user can select to invoke an enhancement function from a set of enhancement functions. The selected enhancement function can then operate to enhance or modify the user input content item 504.

[0121] Thus, the viewing user may further interact with the third-party content item 404 or the third-party user, for example, by sharing responses to the third-party content item 404 including the user input content item 504 within the interactive system 100 .

[0122] Figure 6 6 is a flow chart illustrating a method 600 for providing a user interface having multiple interactive areas on an interactive application according to some examples. The method 600 may be performed using various components of the interactive system 100, such as the communication system 208 or the collection management system 224. The user interface may be presented on a screen of the mobile device 114 or via other suitable devices.

[0123] The method 600 begins at open-loop element 602 and proceeds to operation 604, in which the communication system 208 receives a content request from a user device of a viewing user of the interactive system 100. As mentioned above, the content request may include a selection of a collection of content that the viewing user wishes to view or interact with within the interactive system 100. In this case, the third-party content item displayed in response to the content request may be the first user-input content item in a collection of user-input content items, wherein the collection is configured to present the user-input content items one after another within the viewing interface, each user-input content item being presented for a predetermined period of time (unless paused or manually performed). In other cases, the content request may be a request to view another type of user-input content (not a collection), such as a content feed, for example, a content feed curated by the interactive system 100 for the viewing user.

[0124] At operation 606, in response to receiving the content request, the interactive system 100 (e.g., using the collection management system 224 and the communication system 208) causes the interactive application executed at the user device to present a viewing user interface including a content area and an interactive area. As mentioned, the interactive area may include an extended interactive area, and the content area may include third-party content items.

[0125] According to some examples, and as shown at operation 608, the method 600 includes populating, by the interactive system 100, the interactive zone based on context and / or based on the relationship between the viewing user and the sharing user. For example, and as further described below, if a predefined relationship (such as a bidirectional relationship) between the two users has been recorded within the interactive system 100, the regular interactive zone may be populated with a reply element, while an alternative interactive element may be presented in the absence of such a predefined relationship. The extended interactive zone may be populated based on context, for example, if an enhancement is applied to a third-party content item, an enhancement identifier may be presented within the extended interactive zone.

[0126] At operation 610, the interactive client 104 detects an interactive gesture for the interactive zone. For example, the viewing user can perform an upward swipe gesture across both the regular interactive zone and the extended interactive zone. At operation 612, in response to detecting the interactive gesture, the interactive application automatically transitions from the viewing state to the interactive state.

[0127] At operation 614, the user may generate a user input content item within the interactive state. As mentioned above, the interactive state may be a reply state presenting a reply user interface, a content creation state in which the viewing user may create a new user input content item based on the context of the third-party content item, or an alternative interactive state, such as a "read more" state involving presenting an interface with additional information about the third-party content item. The method 600 ends at closed-loop element 616.

[0128] To illustrate some examples of the present disclosure, Figures 7 to 18 Various user interface diagrams are shown in . These interfaces can be presented by the interactive client 104 executed on the mobile device 114, or using other types of devices that can provide a suitable user interface (e.g., an optical display of a head-mounted device 116, a desktop computer, or a smart contact lens).

[0129] Figure 7 is a user interface diagram illustrating a viewing user interface 702 according to some examples. An active user (viewing user) of an interactive client 104 is presented with a user input content item in the form of a third-party content item 704 that is part of a collection or set of third-party content items, as indicated by a progress bar 706 superimposed on the third-party content item 704 at the top of the viewing user interface 702. The third-party content item 704 is in the form of an image with a media overlay 712 applied thereto. A close button 716 located below the progress bar 706 is user selectable to close the third-party content item 704 and stop presentation of the collection of content.

[0130] The camera button 408 located in the first interactive sub-area below the third-party content item 704 is user-selectable to activate the modular reply camera, which causes a reply interface such as Figure 5 The reply camera user interface 502 of the third-party content item 704. As described above, the modular reply camera enables an active user to generate a user input content item by taking a picture (e.g., using a front-facing camera of a mobile device 114 hosting an interactive client 104) and sending the picture to a third-party user (e.g., a publisher) of the third-party content item 704.

[0131] The publishing third-party user (e.g., publisher or sharing user) is identified by context information, which includes a context element in the exemplary form of a publisher identifier 714 located at the lower left of the viewing user interface 702. The publisher identifier 714 is located in the second interactive area or the extended interactive area along with a stack of actions 710 for various actions enabled by the viewing user interface 702, which is displayed at the lower right of the viewing user interface 702. The stack of actions 710 includes a share button 708 that is user-selectable to activate the sharing function of the interactive client 104, thereby enabling the viewing user to share the third-party content item 704 with other users of the interactive system 100, or to share the third-party content item 704 to a third-party platform.

[0132] Figure 8 8 is a user interface diagram illustrating a viewing user interface 802 according to some examples. The viewing user interface 802 presents a third-party content item 804 in the form of an image including a media overlay 806. Within the extended interactive area, a publisher identifier 808 and a stacking action 810 are displayed with Figure 7 The viewing user interface 702 of is similarly positioned. The publisher identifier 808 is user selectable to enable the viewing user to view the user profile of the publisher within the interactive system 100.

[0133] The stacking action 810 includes a relationship request element in the exemplary form of a subscribe button 812 that is user-selectable to initiate a relationship with a publisher by a viewing user in the context of the interactive system 100. The relationship may be a one-way relationship in which the viewing user subscribes to or follows content shared by the publisher, but the publisher does not subscribe to or follow content shared by the viewing user.

[0134] exist Figure 7 In the viewing user interface 702 of FIG. 4 , the interactive system 100 detects that the viewing user and the publisher have a two-way relationship (e.g., a “friend” relationship) recorded in the interactive system 100 and thus populates the first interactive sub-area with a reply element (such as the camera button 408). Figure 8In the viewing user interface 802 of FIG. 8 , the interactive system 100 detects that the viewing user and the publisher do not have a bidirectional relationship, and therefore presents the interactive elements in the first interactive sub-area as alternative interactive elements.

[0135] exist Figure 8 , the alternative interactive element is in the form of a use filter button 814 of the main context linked to the third-party content item 804. The interactive system 100 identifies the main context third-party content item 804 as a specific enhancement (e.g., a "filter") applied to the third-party content item 804, and therefore presents the use filter button 814. The use filter button 814 is user-selectable to cause a transition to an interactive state in which the viewing user can create a new user-input content item with the specific enhancement applied. For example, the specific enhancement can be pre-selected in a camera interface similar to the reply camera user interface 502. The specific enhancement is identified by an icon next to the words "USE FILTER" within the use filter button 814.

[0136] Thus, in some examples, where an enhancement is applied to a third-party content item, an alternative interactive element presented in the viewing user interface can include a visual identifier of the enhancement and can be selected to generate a user input content item including the enhancement. Other examples of alternative interactive elements are described below.

[0137] Fig. 9 is a user interface diagram illustrating a viewing user interface 902 according to some examples. The viewing user interface 902 presents a third-party content item 904 in the form of a video captured by a publisher. Fig. 9 The various regions within the viewing user interface 902 are shown, including: a conventional interactive region 406 including a camera button 408, and an extended interactive region 412 including contextual elements, as shown in FIG. Figure 4 The activity viewing user can interact with each of these zones to perform various functions and activate various interactions.

[0138] exist Fig. 9 , an enhancement identifier 910 and a location identifier 912 are shown as exemplary contextual elements superimposed on a third-party content item 904. Specifically, the enhancement identifier 910 is a context card that identifies the lens applied to the third-party content item 904, and the location identifier 912 is a location context card that identifies the capture location of the third-party content item 904. These cards are presented as "pinned" on top of the interaction tray 918 (in the interaction area 406) to provide an extended interaction area 412 within the viewing user interface 902.

[0139] The third-party content items 904 define a content area within the viewing user interface 902, and as mentioned, the extended interactive area 412 is disposed within the content area. Above the extended interactive area 412, the content area defines a left navigation area 906 and a right navigation area 908. The viewing user can tap the left navigation area 906 and the right navigation area 908 to navigate backward or forward within the content collection, respectively. The content area also includes a publisher identifier 916, which is displayed in the Fig. 9 In the embodiment of the present invention, the publisher identifier 916 is not located within the extended interactive area 412, but is presented at the top of the viewing user interface 902. A back button 914 is presented next to the publisher identifier 916, enabling the viewing user to exit the content collection.

[0140] In some examples, the Fig. 9 , where two users have a predefined relationship within the interactive system 100 (e.g., a bidirectional relationship recorded in the entity table 308 and / or the entity map 310). The interactive zone map is modified to provide an extended interactive zone 412 above the interactive disk 918 as well as the conventional interactive zone 406. When a user taps a context card 414 within the extended interactive zone 412, the associated item (e.g., enhancement or map) is activated and displayed. For example, tapping an enhancement identifier 910 may open a camera interface with the associated enhancement preselected, while tapping a location identifier 912 may open a map interface showing the associated location.

[0141] Swiping within the interactive zone (e.g., within the interactive zone 406 or the extended interactive zone 412) activates a transition to an interactive state. For example, swiping upward may activate a reply camera function, which then causes the reply camera user interface 502 to be generated and presented.

[0142] In some cases, such as where the active viewing user has not established a two-way relationship (e.g., a friend relationship) with the third-party publishing user, the interactive tray 918 may not be presented within the viewing user interface 902, or may be presented in a blank state with a reduced size. In this case, the context card 414 may be moved down to the bottom of the media viewport (e.g., where the third-party content item 904 is displayed).

[0143] Fig.10 and Fig.11 are user interface diagrams illustrating view user interface 1002 and view user interface 1102 , respectively, according to some examples. Fig.10 and Fig.11 The example shown in is presented when a two-way relationship (eg, friend relationship) between an active viewing user and a third-party sharing user is recorded within the interactive system 100 and the active viewing user is viewing the third-party content of the publishing user on the interactive client 104 .

[0144] exist Fig.10 , the context element 1004 shown is a publisher identifier that includes additional context information about the content item shared by the publisher. Fig.10 In the context element 1004, the context element 1004 indicates when the item was published and where it originated from (the "Recall" portion of the interactive client 104).

[0145] exist Fig.11 In FIG. 1 , three contextual elements 1104 are included in the extended interactive area, for example, fixed to the top of the reply tray. These elements include: Fig.10 , which is positioned above two additional context cards (the enhanced identifier and the location identifier).

[0146] Note that based on the active viewing user having established a relationship recorded within the interactive system 100 (e.g., as recorded in the entity table 308), the interactive system 100 uses context elements to selectively make certain context information (e.g., location information of the third-party content item) available and published in the extended interactive area. Regardless of whether a two-way relationship is established between the active user and the third-party publishing user within the interactive system 100, other context information of a non-confidential or non-sensitive nature, such as an enhanced identity applied to the third-party content item, can be presented by way of context cards.

[0147] Fig.12 is a user interface diagram illustrating a viewing user interface 1202 according to some examples. The viewing user interface 1202 presents a third-party content item 1204 in the form of a video captured by a publisher. Fig.12 The various regions within the viewing user interface 1202 are shown, including: a conventional interactive region 406 including a camera button 408, and an extended interactive region 412 including user-selectable contextual elements and action elements, as shown in FIG. Figure 4 As described.

[0148] exist Fig.12 , an enhanced identifier 1210 and a location identifier 1212 are shown as exemplary contextual elements superimposed on a third-party content item 1204. The viewing user interface 1202 differs from the viewing user interface 902 in that a publisher identifier 1216 is also shown as a contextual element within the extended interactive area 412. This can enhance the feed-like experience or visual appeal of the viewing user interface 1202 by opening up the top area of ​​the content. In addition, a send button 1218 and an overflow action button 1220 are presented in a stacked arrangement within the extended interactive area 412. These elements within the extended interactive area 412 can be selected by a tap gesture to activate the presentation of additional information, for example, the publisher identifier 1216 can be selected to activate the presentation of the publisher's user profile.

[0149] The third-party content items 1204 define a content area within the viewing user interface 1202, and as mentioned, the extended interactive area 412 is disposed within the content area. As described above, above the extended interactive area 412, the content area defines a left navigation area 1206 and a right navigation area 1208. A back button 1214 is presented in the upper left corner of the content area, enabling the viewing user to exit the content collection.

[0150] In some examples, when two users have a two-way relationship within the interactive system 100, a user interface such as Fig.12 4. In the case where the two users do not have a two-way relationship, reply elements such as camera button 408 and text input field 410 may not be included in the regular interaction area 406, thereby preventing the viewing user from directly replying to the publisher. Therefore, although selecting an interactive element (such as camera button 408) in the viewing user interface 1202 activates an interactive state in the form of a reply state, such a state may not be available in the absence of a two-way relationship (or other relationship, depending on the implementation). In addition, certain confidential or sensitive information may not be included as a context card in the extended interaction area 412.

[0151] Back to Fig.12 , swiping within an interaction zone (e.g., within interaction zone 406 or expanded interaction zone 412) activates a transition to an interactive state. For example, swiping upward may activate a back camera function, which then causes generation and presentation of back camera user interface 502. Thus, while each element in interaction zone 406 and expanded interaction zone 412 may be individually selected by tapping the associated element, a swipe gesture across or along elements within interaction zone 406 or expanded interaction zone 412 does not select an individual element, but rather activates a transition to an interactive state.

[0152] Fig.13 and Fig.14 is a user interface diagram showing two versions of a viewing user interface 1302 according to some examples, illustrating the manner in which the interactive system 100 may automatically populate the viewing user interface 1302 differently based on the relationship between the viewing user and the sharing user or publisher.

[0153] Each viewing user interface 1302 presents a third-party content item 1304 and includes a first interactive sub-area 1306 (e.g., a regular interactive area) and a second interactive sub-area 1308 (e.g., an expanded interactive area) that is superimposed on the third-party content item 1304. Fig.13In the interactive system 100, a predefined relationship between the viewing user and the publisher in the form of a unidirectional relationship is recorded (e.g., in the entity table 308 and the entity graph 310). Specifically, the viewing user has "subscribed" or "followed" the publisher's account in the interactive system 100. This is visually indicated by a check mark in the subscription button 1312, which forms part of a set of stacked actions 1310 in the second interactive sub-area 1308.

[0154] Based on the existence of the predefined relationship, the interactive system 100 fills in the Fig.13 The viewing user interface 1302 is shown. Specifically, the first interactive sub-area 1306 includes a set of interactive elements in the form of reply elements. The reply elements enable the viewing user to submit various types of replies to the publisher via the interactive client 104, such as capturing an image and sending it to the publisher, sending a text reply, or sending an electronic "gift" by selecting a gift action button 1314. These reply elements are presented on the interactive tray in the exemplary form of a reply tray 1316 within the first interactive sub-area 1306.

[0155] exist Fig.14 In the example, the viewing user does not have an account subscribed to the publisher, and no relationship (one-way or two-way) between the users is recorded in the interactive system 100. Therefore, the presentation of the viewing user interface 1302 is changed. Specifically, the first interactive sub-area 1306 is presented as a blank state (with Fig.13 The reply disk 1316 is presented in the first interactive sub-area 1306 instead).

[0156] exist Fig.14 In Fig.13 The second interactive sub-area 1308 is presented in substantially the same manner. However, the subscribe button 1402 is presented as a plus sign instead of a check mark. The plus sign indicates to the viewing user that the viewing user can choose to subscribe to the publisher's publications by selecting the subscribe button 1402. Fig.13 In contrast, in the absence of reply disk 1316 , third-party content items 1304 extend further downward along the length of viewing user interface 1302 , and contextual elements and stacking actions 1310 are correspondingly shifted downward.

[0157] In other words, if the viewing user is not subscribed to the digital media content published by the third-party publishing user, the subscription button 1402 is shown as an "unsubscribe" or "invite to subscribe" state (e.g., by displaying a plus sign). Thus, in the case where the viewing user has not subscribed to the publisher's publications, the viewing user interface 1302 can present a more limited set of interaction options.

[0158] Fig.15 and Fig.16is a user interface diagram showing two versions of a viewing user interface 1502 according to some examples, illustrating the manner in which the interactive system 100 may automatically populate the viewing user interface 1502 differently based on the relationship between the viewing user and the sharing user or publisher. Fig.15 Context-based population of the interaction zone according to some examples is also shown.

[0159] The viewing user interface 1502 includes a third-party content item 1504 having a media overlay 1506 applied thereto. The viewing user views the third-party content item 1504 using the interactive client 104. Fig.15 , the viewing user does not have an established relationship with the publisher recorded in the interactive system 100. Specifically, the viewing user has not subscribed to the publisher's publications. The interactive client 104 presents the subscription button 1508 with a plus sign instead of a check mark. The plus sign indicates to the viewing user that the viewing user can choose to subscribe to the publisher's publications by selecting the subscription button 1508.

[0160] Still refer to Fig.15 , the viewing user interface 1502 includes an interaction tray 1512 displaying alternative interaction elements in the form of a try filter button 1510 as an example. The interaction tray 1512 is located in a regular interaction area, also referred to as a first interaction sub-area. Assuming that the two users have not established a relationship, the interaction tray 1512 does not include any reply elements, but is populated by the interaction client 104 with the try filter button 1510, which can be considered a "call to action" or CTA element.

[0161] The CTA element is determined by the interactive system 100 based on the primary context of the third-party content item 1504. Fig.15 , the third-party content item 1504 includes an enhancement (e.g., media overlay 1506), and the enhancement is identified by a contextual element in the form of an enhancement identifier 1514 in the extended interactive area or the second interactive sub-area. Thus, the user's selection of the try filters button 1510 activates an interactive state in which the viewing user can generate a new user-input content item with the enhancement (e.g., media overlay 1506) applied.

[0162] In some examples, the interactive system 100 can therefore determine a primary context associated with the content item being presented, and can link interactive elements in the interactive zone to the primary context so that user selection of the interactive element activates functionality within the interactive application associated with the primary context. The primary context can be determined based on context elements within the extended interactive zone, or can mirror context elements within the extended interactive zone.

[0163] Various techniques can be used to determine the context. In some examples, metadata of the content item can be analyzed to determine the context, such as time, location, publisher, etc. In other examples, enhancements can be analyzed. In the case of identifying several contexts, the interactive system 100 can, for example, sort them using a predefined sorting method. In some examples, the interactive system 100 can analyze a video or image and determine one or more features associated with the video or image. One or more features may include color, texture, shape, or other characteristics that may indicate, for example, the enhancement used. The determined features can be compared with a set of known features, for example, to identify enhancements. Machine learning techniques such as convolutional neural networks (CNNs) can be used to perform comparisons of features. In the case of enhancements, a CNN can be trained on a data set of videos or images that have been tagged with the enhancements used, and certain features can be learned to be associated with each filter. Then, a CNN can be used to predict the enhancements used in a new video or image based on the features of the new video or image. Other techniques such as clustering or decision trees can also be used to identify the enhancements used based on the determined features.

[0164] Specific reference Fig.15 , the interactive disc 1512 may first be presented as a blank state (without selectable elements), and the interactive client 104 may, for example, in response to the viewing user viewing a particular third-party content item 1504 for a threshold period of time (e.g., 0.5 seconds) without advancing or exiting, gradually transition to a populated state showing the try filter button 1510. Thus, an interactive element such as the try filter button 1510 may be presented within the viewing user interface by activating an animation function of the interactive application to transition the first interactive sub-area from a blank state to a populated state.

[0165] Now go to Fig.16 ,exist Fig.16 In the viewing user interface 1502 of the embodiment, the elements presented are modified in response to the viewing user subscribing to the publication of the publisher. The subscription confirmation tooltip 1602 is displayed to confirm the subscription based on the user's Fig.15 The subscription is confirmed by selecting the subscription button 1508 in the .Subscription button 1604 is also modified to include a check mark indicating the subscription status of the viewing user relative to the third-party publishing user.

[0166] Fig.16 The viewing user interface 1502 also includes a notification banner 1606 superimposed on an upper area of ​​the third-party content item 1504, with a selector 1608 for enabling notifications regarding posts or publications by the third-party posting user.

[0167] Based on the existence of a predefined relationship (e.g., a one-way "subscribe" relationship), the interactive system 100 populates the conventional interactive area of ​​the viewing user interface 1502, such as Fig.16 Specifically, the conventional interactive area includes an interactive tray 1610 having a set of reply elements 1612. The reply elements 1612 enable the viewing user to submit various types of replies to the publisher via the interactive client 104, such as capturing an image and sending it to the publisher, sending a text reply, or sending an electronic "gift". In addition, the reply having a filter button 1614 enables the viewing user to initiate a transition to a reply state (e.g., Figure 5 ), in which reply state the viewing user may capture a new user input content item to which the media overlay 1506 is automatically applied.

[0168] Fig.17 and Fig.18 is an additional user interface diagram illustrating context-based user interface presentation according to some examples. Fig.17 and Fig.18 , the viewing user is viewing a third-party user's content collection via the interactive client 104. The third-party user is a commercial publishing entity (e.g., "The Telephone"), as identified by the publisher identifier 1704.

[0169] In these examples, subscribe button 1706 is shown to indicate that the viewing user is not subscribed to the content published by the commercial publishing entity. In some examples, when the viewing user "stays" on the third-party content for a determinable viewing threshold time (e.g., more than 0.5 seconds without exiting or advancing), subscribe button 1706 can be visually highlighted (e.g., through animation or other visual highlighting).

[0170] The viewing user interface 1702 includes a placeholder element 1708 that can move up and down or expand in response to content or user actions. In this case, the publisher identifier 1704 shifts to accommodate the placeholder element 1708, and can also shift up and down as the placeholder element 1708 expands and contracts. Initially, the viewing user is viewing the first content item 1710 in the content collection, such as Fig.17 As shown, the placeholder element 1708 is initialized by the interactive client 104 to a blank state.

[0171] Then, the viewing user navigates to the second content item 1802, such as Fig.18 As shown, for example, by tapping in the right navigation area above the expanded interactive area of ​​the viewing user interface 1702. If the viewing user "stays" on the second content item 1802 for more than a predefined period of time (e.g., more than 0.5 seconds), the interactive client 104 can initiate a transition to display a CTA element based on the main context of the second content item 1802. Specifically, the viewing user interface 1702 can transform the placeholder element 1708 into an interactive disk 1806.

[0172] exist Fig.18 , the primary context is determined to be that the second content item 1802 relates to a published article associated with an accessible link. The interactive system 100 may analyze metadata associated with the second content item 1802 (e.g., the link associated therewith) to determine the context. An interactive element such as a read more button 1804 may be presented within the viewing user interface 1702 by activating an animation function of the interactive application to transition a placeholder element 1708 in the interactive area from a blank state to a filled state to define an interactive tray 1806. The read more button 1804 is user selectable to access the published article, thereby enabling the user to further interact with the primary context of the second content item 1802.

[0173] Note that in some examples, the user interface may be presented in a "right angle" style, e.g., as described with respect to Figure 4 , Figure 7 , Fig.12 , Fig.13 and Fig.18 The lower part of the viewing user interface and about Figure 4 , Figure 7 and Figure 8 In such an example, one or more regions or boundaries between regions may be defined as straight lines and rectangular corners, rather than rounded corners, which may increase the feeling of a “vertical feed” from a user experience perspective.

[0174] Data communication architecture

[0175] Fig.19 1 is a schematic diagram illustrating the structure of a message 1900 according to some examples, the message 1900 being generated by an interactive client 104 for transmission to another interactive client 104 via an interactive server 124. The content of a particular message 1900 is used to populate a message table 306 stored in a database 304 accessible by the interactive server 124. Similarly, the content of the message 1900 is stored in memory as "in-transit" or "in-flight" data of the user system 102 or the interactive server 124. The message 1900 is shown as including the following example components:

[0176] Message identifier 1902 : a unique identifier that identifies the message 1900 .

[0177] Message text payload 1904 : Text to be generated by the user via the user interface of the user system 102 and included in the message 1900 .

[0178] Message image payload 1906 : Image data captured by the camera component of the user system 102 or retrieved from the memory component of the user system 102 and included in the message 1900 . The image data for a message 1900 sent or received may be stored in the image table 316 .

[0179] Message video payload 1908: Video data captured by the camera component or retrieved from the memory component of the user system 102 and included in the message 1900. The video data for the message 1900 sent or received may be stored in the video table 314.

[0180] Message audio payload 1910 : audio data captured by a microphone or retrieved from a memory component of the user system 102 and included in the message 1900 .

[0181] Message enhancement data 1912: Enhancement data (e.g., filters, stickers, or other annotations or enhancements) representing enhancements to be applied to the message image payload 1906, message video payload 1908, or message audio payload 1910 of the message 1900. The enhancement data for a sent or received message 1900 may be stored in the enhancement table 312.

[0182] · Message duration parameter 1914: A parameter value indicating the amount of time in seconds that the content of the message (e.g., message image payload 1906, message video payload 1908, message audio payload 1910) is to be presented to the user via the interactive client 104 or made accessible to the user.

[0183] Message geolocation parameters 1916: Geolocation data (e.g., latitude and longitude coordinates) associated with the content payload of the message. Multiple message geolocation parameter 1916 values ​​may be included in the payload, each of which is associated with a content item included in the content (e.g., a specific image within a message image payload 1906, or a specific video within a message video payload 1908).

[0184] Message collection identifier 1918: An identifier value that identifies one or more content collections (e.g., "stories" identified in collection table 318) associated with a particular content item in message image payload 1906 of message 1900. For example, multiple images within message image payload 1906 may each be associated with multiple content collections using an identifier value.

[0185] Message tags 1920: Each message 1900 may be tagged with a plurality of tags, each of which indicates the subject of the content included in the message payload. For example, where a particular image included in the message image payload 1906 depicts an animal (e.g., a lion), a tag value may be included within the message tags 1920 indicating the relevant animal. The tag value may be manually generated based on user input, or may be automatically generated using, for example, image recognition.

[0186] • Message sender identifier 1922: An identifier (eg, a messaging system identifier, an email address, or a device identifier) ​​that indicates the user of the user system 102 on which the message 1900 was generated and from which the message 1900 was sent.

[0187] • Message recipient identifier 1924: Indicates an identifier (eg, a messaging system identifier, an email address, or a device identifier) ​​of the user of the user system 102 to which the message 1900 is addressed.

[0188] The content (e.g., value) of each component of message 1900 may be a pointer to a location in a table in which the content data value is stored. For example, the image value in message image payload 1906 may be a pointer to a location in image table 316 (or an address of a location in image table 312). Similarly, the value in message video payload 1908 may point to data stored in video table 314, the value stored in message enhancement data may point to data stored in enhancement table 312, the value stored in message set identifier 1918 may point to data stored in set table 318, and the values ​​stored in message sender identifier 1922 and message recipient identifier 1924 may point to user records stored in entity table 308.

[0189] System with head wearable device

[0190] Fig. 20 A system 2000 is shown including a head wearable device 116 with a selector input device according to some examples. Fig. 20 is a high-level functional block diagram of an example head wearable device 116 communicatively coupled to a mobile device 114 and various server systems 2004 via various networks 2016.

[0191] The head wearable device 116 includes one or more cameras, each of which may be, for example, a visible light camera 2006 , an infrared transmitter 2008 , and an infrared camera 2010 .

[0192] The mobile device 114 is connected to the head wearable device 116 using a low power wireless connection 2012 and a high speed wireless connection 2014. The mobile device 114 is also connected to the server system 2004 and the network 2016.

[0193] The head wearable device 116 also includes two image displays in the optical assembly's image display 2018. The two image displays 2018 of the optical assembly include one image display associated with the left lateral side of the head wearable device 116 and one image display associated with the right lateral side of the head wearable device 116. The head wearable device 116 also includes an image display driver 2020, an image processor 2022, low power circuitry 2024, and high speed circuitry 2026. The image display 2018 of the optical assembly is used to present images and videos to a user of the head wearable device 116, including images that may include a graphical user interface.

[0194] The image display driver 2020 commands and controls the image display 2018 of the optical component. The image display driver 2020 can deliver the image data directly to the image display 2018 of the optical component for presentation or can convert the image data into a signal or data format suitable for delivery to the image display device. For example, the image data can be video data formatted according to a compression format such as H.264 (MPEG-4 Part 10), HEVC, Theora, Dirac, RealVideo RV40, VP8, VP9, ​​etc., and the still image data can be formatted according to a compression format such as Portable Network Graphics Group (PNG), Joint Photographic Experts Group (JPEG), Tagged Image File Format (TIFF) or Exchangeable Image File Format (EXIF), etc.

[0195] The head wearable device 116 includes a frame and rods (or temples) extending from lateral sides of the frame. The head wearable device 116 also includes a user input device 2028 (e.g., a touch sensor or a push button) including an input surface on the head wearable device 116. The user input device 2028 (e.g., a touch sensor or a push button) is used to receive input selections from a user to manipulate a graphical user interface of a presented image.

[0196] Fig. 20The components for the head wearable device 116 shown in are located on one or more circuit boards (e.g., PCBs or flexible PCBs) in the frame or temples. Alternatively or additionally, the depicted components may be located in a block, frame, hinge, or nose bridge of the head wearable device 116. The left visible light camera 2006 and the right visible light camera 2006 may include digital camera elements, such as complementary metal oxide semiconductor (CMOS) image sensors, charge coupled devices, camera lenses, or any other corresponding visible light or light capturing elements that can be used to capture data (including images of scenes with unknown objects).

[0197] The head wearable device 116 includes a memory 2002 that stores instructions for performing a subset or all of the functions described herein. The memory 2002 may also include a storage device.

[0198] like Fig. 20 As shown, the high-speed circuit system 2026 includes a high-speed processor 2030, a memory 2002, and a high-speed wireless circuit system 2032. In some examples, the image display driver 2020 is coupled to the high-speed circuit system 2026 and is operated by the high-speed processor 2030 to drive the left image display and the right image display of the image display 2018 of the optical assembly. The high-speed processor 2030 can be any processor capable of managing high-speed communications and operations of any general computing system required by the head wearable device 116. The high-speed processor 2030 includes the processing resources required to manage the high-speed data transmission on the high-speed wireless connection 2014 to the wireless local area network (WLAN) using the high-speed wireless circuit system 2032. In some examples, the high-speed processor 2030 executes an operating system (such as a LINUX operating system) or other such operating system of the head wearable device 116, and the operating system is stored in the memory 2002 for execution. In addition to any other duties, the high-speed processor 2030 that executes the software architecture of the head wearable device 116 is used to manage data transmission with the high-speed wireless circuit system 2032. In some examples, high-speed wireless circuit system 2032 is configured to implement the Institute of Electrical and Electronics Engineers (IEEE) 802.11 communication standard, also referred to herein as WiFi. In some examples, high-speed wireless circuit system 2032 can implement other high-speed communication standards.

[0199] The low-power wireless circuit system 2034 and the high-speed wireless circuit system 2032 of the head wearable device 116 may include a short-range transceiver (Bluetooth TM) and a wireless wide area network, local area network, or wide area network transceiver (e.g., cellular or WiFi). Mobile device 114, including a transceiver that communicates via low power wireless connection 2012 and high speed wireless connection 2014, can be implemented using details of the architecture of head wearable device 116, and can also be implemented using other elements of network 216.

[0200] The memory 2002 includes any storage device capable of storing various data and applications, in addition to camera data generated by the left visible light camera 2006 and the right visible light camera 2006, the infrared camera 2010, and the image processor 2022, and the image generated by the image display driver 2020 for display on the image display 2018 of the optical assembly. Although the memory 2002 is shown as being integrated with the high-speed circuit system 2026, in some examples, the memory 2002 can be a separate independent element of the head wearable device 116. In some such examples, electrical wiring can provide a connection from the image processor 2022 or the low-power processor 2036 to the memory 2002 through a chip including the high-speed processor 2030. In some examples, the high-speed processor 2030 can manage the addressing of the memory 2002 so that the low-power processor 2036 will start the high-speed processor 2030 at any time when a read or write operation involving the memory 2002 is required.

[0201] like Fig. 20 As shown, the low-power processor 2036 or the high-speed processor 2030 of the head wearable device 116 can be coupled to a camera device (a visible light camera device 2006, an infrared emitter 2008, or an infrared camera device 2010), an image display driver 2020, a user input device 2028 (for example, a touch sensor or a push button), and a memory 2002.

[0202] The head wearable device 116 is connected to a host computer. For example, the head wearable device 116 is paired with the mobile device 114 via a high-speed wireless connection 2014 or connected to a server system 2004 via a network 2016. The server system 2004 can be one or more computing devices as part of a service or network computing system, for example, including a processor, a memory, and a network communication interface to communicate with the mobile device 114 and the head wearable device 116 through the network 2016.

[0203] The mobile device 114 includes a processor and a network communication interface coupled to the processor. The network communication interface allows communication via a network 2016, a low-power wireless connection 2012, or a high-speed wireless connection 2014. The mobile device 114 may also store at least a portion of the instructions for generating two-channel audio content in a memory of the mobile device 114 to implement the functions described herein.

[0204] The output components of the head wearable device 116 include visual components, such as a display, such as a liquid crystal display (LCD), a plasma display panel (PDP), a light emitting diode (LED) display, a projector, or a waveguide. The image display of the optical assembly is driven by the image display driver 2020. The output components of the head wearable device 116 also include acoustic components (e.g., speakers), tactile components (e.g., vibration motors), other signal generators, etc. The input components of the head wearable device 116, the mobile device 114, and the server system 2004 (such as user input devices 2028) may include alphanumeric input components (e.g., keyboards, touch screens configured to receive alphanumeric input, optical keyboards, or other alphanumeric input components), point-based input components (e.g., mice, touch pads, trackballs, joysticks, motion sensors, or other pointing instruments), tactile input components (e.g., physical buttons, touch screens or other tactile input components that provide positioning and force of touch or touch gestures), audio input components (e.g., microphones), etc.

[0205] The head wearable device 116 may also include additional peripheral elements. Such peripheral elements may include biometric sensors, additional sensors, or display elements integrated with the head wearable device 116. For example, the peripheral elements may include any I / O components including output components, motion components, positioning components, or any other such components described herein.

[0206] For example, the biometric component includes a component for detecting expressions (e.g., hand expressions, facial expressions, voice expressions, body postures, or eye tracking), measuring biological signals (e.g., blood pressure, heart rate, body temperature, sweating, or brain waves), identifying people (e.g., voice recognition, retinal recognition, facial recognition, fingerprint recognition, or electroencephalogram-based recognition), etc. The motion component includes an acceleration sensor component (e.g., an accelerometer), a gravity sensor component, a rotation sensor component (e.g., a gyroscope), etc. The positioning component includes a position sensor component for generating position coordinates (e.g., a global positioning system (GPS) receiver component), a Wi-Fi or Bluetooth receiver for generating positioning system coordinates, etc. TMtransceiver, altitude sensor component (e.g., an altimeter or barometer that detects air pressure, from which altitude can be obtained), orientation sensor component (e.g., a magnetometer), etc. Such positioning system coordinates can also be received from the mobile device 114 through the low-power wireless connection 2012 and the high-speed wireless connection 2014 via the low-power wireless circuit system 2034 or the high-speed wireless circuit system 2032.

[0207] Any biometric data collected by the biometric component is captured and stored only with the user's consent and deleted upon user request. In addition, such biometric data may be used for very limited purposes (such as identification verification). In order to ensure the restricted and authorized use of biometric information and other personally identifiable information (PII), access to this data is limited to authorized personnel (if access to this data occurs). Any use of biometric data may be strictly limited to identification verification purposes, and the biometric data is not shared or sold to any third party without the user's explicit consent. In addition, appropriate technical and organizational measures are implemented to ensure the security and confidentiality of this sensitive information.

[0208] Machine Architecture

[0209] Fig.212100 within which instructions 2102 (e.g., software, programs, applications, applet, app, or other executable code) may be executed for causing the machine 2100 to perform any one or more of the methods discussed herein. For example, the instructions 2102 may cause the machine 2100 to perform any one or more of the methods described herein. The instructions 2102 convert a general purpose, unprogrammed machine 2100 into a specific machine 2100 that is programmed to perform the functions described and illustrated in the manner described. The machine 2100 may operate as a standalone device or may be coupled (e.g., networked) to other machines. In a networked deployment, the machine 2100 may operate as a server machine or a client machine in a server-client network environment or as a peer machine in a peer-to-peer (or distributed) network environment. The machine 2100 may include, but is not limited to, a server computer, a client computer, a personal computer (PC), a tablet computer, a laptop computer, a netbook, a set-top box (STB), a personal digital assistant (PDA), an entertainment media system, a cellular phone, a smart phone, a mobile device, a wearable device (e.g., a smart watch), a smart home device (e.g., a smart appliance), other smart devices, a web device, a network router, a network switch, a network bridge, or any machine capable of sequentially or otherwise executing instructions 2102 specifying actions to be taken by the machine 2100. In addition, although a single machine 2100 is shown, the term "machine" should also be taken to include a collection of machines that individually or jointly execute instructions 2102 to perform any one or more of the methods discussed herein. For example, the machine 2100 may include the user system 102 or any of a plurality of server devices forming part of the interactive server system 110. In some examples, the machine 2100 may also include both a client system and a server system, wherein certain operations of a particular method or algorithm are performed on the server side, and certain operations of the particular method or algorithm are performed on the client side.

[0210] The machine 2100 may include a processor 2104, a memory 2106, and an input / output I / O component 2108 that may be configured to communicate with each other via a bus 2110. In an example, the processor 2104 (e.g., a central processing unit (CPU), a reduced instruction set computing (RISC) processor, a complex instruction set computing (CISC) processor, a graphics processing unit (GPU), a digital signal processor (DSP), an application specific integrated circuit (ASIC), a radio frequency integrated circuit (RFIC), another processor, or any suitable combination thereof) may include, for example, a processor 2112 that executes instructions 2102 and a processor 2114. The term "processor" is intended to include a multi-core processor, which may include two or more independent processors (sometimes referred to as "cores") that may execute instructions simultaneously. Although Fig.21 Multiple processors 2104 are shown, but the machine 2100 may include a single processor with a single core, a single processor with multiple cores (e.g., a multi-core processor), multiple processors with a single core, multiple processors with multiple cores, or any combination thereof.

[0211] The memory 2106 includes a main memory 2116, a static memory 2118, and a storage unit 2120, which can be accessed by the processor 2104 via the bus 2110. The main memory 2106, the static memory 2118, and the storage unit 2120 store instructions 2102 that implement any one or more of the methods or functions described herein. The instructions 2102 may also reside, completely or partially, within the main memory 2116, within the static memory 2118, within the machine-readable medium 2122 within the storage unit 2120, within at least one of the processors 2104 (e.g., within a cache memory of a processor), or within any suitable combination thereof during execution thereof by the machine 2100.

[0212] The I / O components 2108 may include various components for receiving input, providing output, generating output, sending information, exchanging information, capturing measurements, etc. The specific I / O components 2108 included in a particular machine will depend on the type of machine. For example, a portable machine such as a mobile phone may include a touch input device or other such input mechanism, while a headless server machine will be less likely to include such a touch input device. It will be appreciated that the I / O components 2108 may include Fig.212108. In various examples, the I / O components 2108 may include a user output component 2124 and a user input component 2126. The user output component 2124 may include a visual component (e.g., a display such as a plasma display panel (PDP), a light emitting diode (LED) display, a liquid crystal display (LCD), a projector, or a cathode ray tube (CRT)), an acoustic component (e.g., a speaker), a tactile component (e.g., a vibration motor, a resistance mechanism), other signal generators, etc. The user input component 2126 may include an alphanumeric input component (e.g., a keyboard, a touch screen configured to receive alphanumeric input, an optical keyboard, or other alphanumeric input component), a point-based input component (e.g., a mouse, a touch pad, a trackball, a joystick, a motion sensor, or other pointing instrument), a tactile input component (e.g., a physical button, a touch screen or other tactile input component that provides location and force of a touch or touch gesture), an audio input component (e.g., a microphone), etc.

[0213] In another example, the I / O component 2108 may include a biometric component 2128, a motion component 2130, an environmental component 2132, or a positioning component 2134, as well as a wide range of other components. For example, the biometric component 2128 includes components for detecting expressions (e.g., hand expressions, facial expressions, voice expressions, body postures, or eye tracking), measuring biosignals (e.g., blood pressure, heart rate, body temperature, sweat, or brain waves), identifying people (e.g., voice recognition, retinal recognition, facial recognition, fingerprint recognition, or EEG-based recognition), etc. The motion component 2130 includes an acceleration sensor component (e.g., an accelerometer), a gravity sensor component, and a rotation sensor component (e.g., a gyroscope).

[0214] Environmental components 2132 include, for example, one or more cameras (with still image / photo and video capabilities), lighting sensor components (e.g., photometers), temperature sensor components (e.g., one or more thermometers that detect ambient temperature), humidity sensor components, pressure sensor components (e.g., barometers), acoustic sensor components (e.g., one or more microphones that detect background noise), proximity sensor components (e.g., infrared sensors that detect nearby objects), gas sensors (e.g., gas detection sensors that detect concentrations of hazardous gases for safety or measure pollutants in the atmosphere), or other components that can provide indications, measurements, or signals corresponding to the surrounding physical environment.

[0215] With respect to cameras, user system 102 may have a camera system including, for example, a front-facing camera on a front surface of user system 102 and a rear-facing camera on a rear surface of user system 102. The front-facing camera may, for example, be used to capture still images and videos (e.g., “selfies”) of a user of user system 102, which may then be enhanced with the enhancement data (e.g., filters) described above. The rear-facing camera may, for example, be used to capture still images and videos in a more traditional camera mode, where the images are similarly enhanced using the enhancement data. In addition to the front-facing camera and the rear-facing camera, user system 102 may also include a 360° camera for capturing 360° photos and videos.

[0216] Additionally, the camera system of the user system 102 may include dual rear cameras (e.g., a main camera and a depth sensing camera), or even triple, quad, or quintuple rear camera configurations on the front and back sides of the user system 102. For example, these multi-camera systems may include a wide-angle camera, an ultra-wide-angle camera, a telephoto camera, a macro camera, and a depth sensor.

[0217] The positioning component 2134 includes a position sensor component (for example, a GPS receiver component), an altitude sensor component (for example, an altimeter or barometer that detects air pressure, and the altitude can be obtained based on the air pressure), an orientation sensor component (for example, a magnetometer), etc.

[0218] Various technologies may be used to implement communications. The I / O components 2108 also include a communication component 2136 that is operable to couple the machine 2100 to a network 2138 or device 2140 via a corresponding coupling or connection. For example, the communication component 2136 may include a network interface component or another suitable device that interfaces with the network 2138. In other examples, the communication component 2136 may include a wired communication component, a wireless communication component, a cellular communication component, a near field communication (NFC) component, Components (e.g. Low power consumption), Device 2140 may be another machine or any of a variety of peripheral devices (eg, a peripheral device coupled via USB).

[0219] In addition, the communication component 2136 can detect an identifier or include a component operable to detect an identifier. For example, the communication component 2136 can include a radio frequency identification (RFID) tag reader component, an NFC smart tag detection component, an optical reader component (e.g., an optical sensor for detecting a one-dimensional barcode such as a universal product code (UPC) barcode, a multi-dimensional barcode such as a Quick Response (QR) code, an Aztec code, a data matrix, a data symbol (Dataglyph), a MaxiCode, PDF417, an UltraCode, a UCC RSS-2D barcode, and other optical codes) or an acoustic detection component (e.g., a microphone for identifying an audio signal of a tag). In addition, various information can be obtained via the communication component 2136, such as a location via an Internet Protocol (IP) geolocation, a location via a NFC smart tag detection component, an optical reader component (e.g., an optical sensor for detecting a one-dimensional barcode such as a Universal Product Code (UPC) barcode, a multi-dimensional barcode such as a Quick Response (QR) code, an Aztec code, a Data Matrix, a Dataglyph, a MaxiCode, a PDF417, an UltraCode, a UCC RSS-2D barcode, and other optical codes) or an acoustic detection component (e.g., a microphone for identifying an audio signal of a tag). In addition, various information can be obtained via the communication component 2136, such as a location via an Internet Protocol (IP) geolocation, a location via a NFC smart tag detection component, and a location via a NFC smart tag detection component. Signal triangulation to obtain location, location obtained via detection of NFC beacon signals that can indicate a specific location, etc.

[0220] Various memories (e.g., main memory 2116, static memory 2118, and memory of processor 2104) and storage unit 2120 may store one or more sets of instructions and data structures (e.g., software) implemented or used by any one or more of the methods or functions described herein. These instructions (e.g., instructions 2102) when executed by processor 2104 cause various operations to implement the disclosed examples.

[0221] The instructions 2102 may be transmitted or received via a network interface device (e.g., a network interface component included in the communication component 2136) using a transmission medium and using any of several well-known transmission protocols (e.g., Hypertext Transfer Protocol (HTTP)) over the network 2138. Similarly, the instructions 2102 may be transmitted or received via a coupling (e.g., a peer-to-peer coupling) with the device 2140 using a transmission medium.

[0222] Software Architecture

[0223] Fig. 222200 is a block diagram illustrating a software architecture 2202 that may be installed on any one or more of the devices described herein. The software architecture 2202 is supported by hardware, such as a machine 2204 including a processor 2206, a memory 2208, and an I / O component 2210. In this example, the software architecture 2202 may be conceptualized as a stack of layers, each of which provides specific functionality. The software architecture 2202 includes layers such as an operating system 2212, a library 2214, a framework 2216, and an application 2218. In operation, the application 2218 invokes an API call 2220 through the software stack and receives a message 2222 in response to the API call 2220.

[0224] The operating system 2212 manages hardware resources and provides public services. The operating system 2212 includes, for example, a kernel 2224, a service 2226, and a driver 2228. The kernel 2224 serves as an abstraction layer between the hardware and other software layers. For example, the kernel 2224 provides functions such as memory management, processor management (e.g., scheduling), component management, networking, and security settings. The service 2226 can provide other public services for other software layers. The driver 2228 is responsible for controlling the underlying hardware or interfacing with the underlying hardware. For example, the driver 2228 may include a display driver, a camera driver, or Low-power drivers, Flash drivers, Serial communication drivers (e.g., USB drivers), Drivers, audio drivers, power management drivers, etc.

[0225] The libraries 2214 provide a common low-level infrastructure used by the applications 2218. The libraries 2214 may include a system library 2230 (e.g., a C standard library) that provides functions such as memory allocation functions, string manipulation functions, mathematical functions, etc. In addition, the libraries 2214 may include an API library 2232, such as a media library (e.g., a library for supporting presentation and manipulation of various media formats such as Moving Picture Experts Group-4 (MPEG4), Advanced Video Coding (H.264 or AVC), Moving Picture Experts Group Layer-3 (MP3), Advanced Audio Coding (AAC), Adaptive Multi-Rate (AMR) audio codec, Joint Photographic Experts Group (JPEG or JPG), or Portable Network Graphics (PNG)), a graphics library (e.g., an OpenGL framework for presentation in two dimensions (2D) and three dimensions (3D) in graphics content on a display), a database library (e.g., SQLite providing various relational database functions), a web library (e.g., WebKit providing web browsing functions), etc. The library 2214 may also include various other libraries 2234 to provide many other APIs to the application 2218 .

[0226] The framework 2216 provides a common high-level infrastructure used by the applications 2218. For example, the framework 2216 provides various graphical user interface (GUI) functions, high-level resource management, and high-level location services. The framework 2216 can provide a wide range of other APIs that can be used by the applications 2218, some of which can be specific to a specific operating system or platform.

[0227] In an example, applications 2218 may include a home application 2236, a contacts application 2238, a browser application 2240, a book reader application 2242, a location application 2244, a media application 2246, a messaging application 2248, a game application 2250, and a variety of other applications such as third-party applications 2252. Applications 2218 are programs that execute functions defined in the program. Various programming languages ​​may be used to create one or more of the applications 2218 constructed in various ways, such as an object-oriented programming language (e.g., Objective-C, Java, or C++) or a procedural programming language (e.g., C language or assembly language). In a specific example, third-party applications 2252 (e.g., applications created by an entity other than the vendor of a particular platform using ANDROID TM or IOS TM Software Development Kit (SDK) can be used to develop applications on platforms such as IOS TM ANDROID TM , Mobile software running on the mobile operating system of the phone or another mobile operating system. In this example, the third-party application 2252 can activate the API call 2220 provided by the operating system 2212 to facilitate the functions described herein.

[0228] Example

[0229] In view of the implementation of the above-mentioned subject matter, the present application discloses the following list of examples, in which one feature of a separate example or more than one feature of an example is combined together, and optionally, combined with one or more features of one or more additional examples, is an additional example that also falls within the disclosure of the present application.

[0230] Example 1 is a system comprising: at least one processor; and at least one memory component storing instructions, wherein the instructions, when executed by the at least one processor, configure the at least one processor to perform operations, the operations comprising: receiving a content request from a user device of a viewing user of an interactive system; in response to receiving the content request, causing an interactive application executed at the user device to present a viewing user interface comprising a content area and an interactive area, wherein third-party content items are presented in the content area, and the third-party content items form part of a content collection that can be navigated by performing navigation gestures, wherein the interactive area comprises: a first interactive sub-area, which is located in a lower portion of the viewing user interface and is located outside the content area, and the first interactive sub-area includes user-selectable interactive elements; and a second interactive sub-area, which is positioned adjacent to the first interactive sub-area in the lower portion of the viewing user interface, and the second interactive sub-area is located inside the content area and includes user-selectable contextual elements superimposed on the third-party content items; detecting an interactive gesture for the interactive area; and in response to detecting the interactive gesture, causing the interactive application to automatically transition from a viewing state to an interactive state.

[0231] In Example 2, the subject matter of Example 1 includes, wherein the content collection is a content collection of a third-party user of the interactive system, and wherein the navigation gesture is a tap gesture for a navigation area of ​​the viewing user interface, the navigation area is located inside the content area and does not include a second interactive sub-area.

[0232] In Example 3, the subject matter of Examples 1 to 2 includes, wherein the second interactive sub-area includes a context disk, the context disk including user-selectable context elements, the user-selectable context elements being at least one of an enhanced identifier associated with the third-party content item, a location identifier, or a user identifier of a third-party user.

[0233] In Example 4, the subject matter of Examples 1 to 3 includes, wherein the second interaction sub-area further includes a set of user-selectable action elements, the action elements being presented in a stacked arrangement.

[0234] In Example 5, the subject matter of Example 4 includes, wherein the action element comprises a relationship request element, the relationship request element being user-selectable to initiate establishing a relationship between the viewing user and a third party user associated with the third party content item within the interactive system.

[0235] In Example 6, the subject matter of Examples 1 to 5 includes, wherein the interactive element comprises a reply element that enables the viewing user to generate a reply message to the third party content item.

[0236] In Example 7, the subject matter of Example 6 includes, wherein the reply element comprises a reply camera element selectable by a user to activate a reply camera function of the interactive application.

[0237] In Example 8, the subject matter of Examples 6-7 includes, wherein the reply element includes a text input field that enables a viewing user to generate text of the reply message.

[0238] In Example 9, the subject matter of Examples 1 to 8 includes, wherein the enhancement is applied to the third-party content item, the interactive element includes a visual identifier of the enhancement and is user-selectable to generate a user input content item including the enhancement.

[0239] In Example 10, the subject matter of Examples 1 to 9 includes, wherein causing presentation of the viewing user interface comprises populating the interaction area based on whether a predefined relationship between the viewing user and a third party user associated with the third party content item is recorded within the interaction system.

[0240] In Example 11, the subject matter of Example 10 includes, wherein presenting the viewing user interface further includes: detecting that a predefined relationship between the viewing user and the third-party user is recorded within the interactive system; and in response to detecting that the predefined relationship is recorded, presenting the interactive element in the first interactive sub-area as a reply element.

[0241] In Example 12, the subject matter of Examples 10 to 11 includes, wherein presenting the viewing user interface further includes: detecting that a predefined relationship between the viewing user and the third-party user is not recorded within the interactive system; and in response to detecting that the predefined relationship is not recorded, presenting the interactive element in the first interactive sub-area as an alternative interactive element, the alternative interactive element being based on a context associated with the third-party content item.

[0242] In Example 13, the subject matter of Example 12 includes, wherein the enhancement is applied to the third-party content item, the alternative interactive element includes a visual identifier of the enhancement and is user-selectable to generate a user input content item including the enhancement.

[0243] In Example 14, the subject matter of Examples 1 to 13 includes, wherein presenting the viewing user interface further includes: determining a main context associated with the third-party content item; and linking an interactive element to the main context so that a user's selection of the interactive element activates a function associated with the main context within the interactive application.

[0244] In Example 15, the subject matter of Example 14 includes, wherein the primary context is determined based on context elements within the second interaction sub-area.

[0245] In Example 16, the subject matter of Examples 1 to 15 includes, wherein causing presentation of the viewing user interface further comprises: presenting the interactive element within the viewing user interface by activating an animation function of the interactive application to transition the first interactive sub-area from a blank state to a filled state.

[0246] In Example 17, the subject matter of Examples 1 to 16 includes, wherein the content area includes a progress bar superimposed on the third-party content item.

[0247] In Example 18, the subject matter of Examples 1 to 17 includes, wherein the content request comprises a viewing user's selection of a content collection.

[0248] Example 19 is a method, comprising: receiving a content request from a user device of a viewing user of an interactive system; in response to receiving the content request, causing an interactive application executed at the user device to present a viewing user interface including a content area and an interactive area, wherein third-party content items are presented in the content area, and the third-party content items form part of a content collection that can be navigated by performing navigation gestures, wherein the interactive area comprises: a first interactive sub-area, which is located in a lower portion of the viewing user interface and outside the content area, and the first interactive sub-area includes user-selectable interactive elements; and a second interactive sub-area, which is positioned adjacent to the first interactive sub-area in the lower portion of the viewing user interface, the second interactive sub-area is located inside the content area and includes user-selectable contextual elements superimposed on the third-party content items; detecting an interactive gesture for the interactive area; and in response to detecting the interactive gesture, causing the interactive application to automatically transition from a viewing state to an interactive state.

[0249] Example 20 is a non-transitory computer-readable storage medium, which includes instructions that, when executed by at least one computer, cause the at least one computer to perform operations, the operations including: receiving a content request from a user device of a viewing user of an interactive system; in response to receiving the content request, causing an interactive application executed at the user device to present a viewing user interface including a content area and an interactive area, wherein third-party content items are presented in the content area, and the third-party content items form part of a content collection that can be navigated by performing navigation gestures, wherein the interactive area includes: a first interactive sub-area, which is located in the lower part of the viewing user interface and is located outside the content area, and the first interactive sub-area includes user-selectable interactive elements; and a second interactive sub-area, which is positioned adjacent to the first interactive sub-area in the lower part of the viewing user interface, and the second interactive sub-area is located inside the content area and includes user-selectable contextual elements superimposed on the third-party content items; detecting an interactive gesture for the interactive area; and in response to detecting the interactive gesture, causing the interactive application to automatically transition from a viewing state to an interactive state.

[0250] Example 21 is at least one machine-readable medium comprising instructions that, when executed by processing circuitry, cause the processing circuitry to perform operations for implementing any of Examples 1-20.

[0251] Example 22 is a device comprising a device implementing any one of Examples 1 to 20.

[0252] Example 23 is a system implementing any one of Examples 1 to 20.

[0253] Example 24 is a method of implementing any one of Examples 1 to 20.

[0254] In the examples described in the present disclosure, gestures such as tap gestures or swipe gestures are touch gestures to a (touch-sensitive) screen of a user device. It should be understood that although the examples described herein illustrate gesture-based interface transitions with reference to touch gestures, other types of operations or gestures that do not involve directly touching a screen or other components or devices may be used to apply the techniques described herein. The example gestures may be performed using any suitable user input element (e.g., a finger, stylus, or other input device).

[0255] As used in this disclosure, phrases of the form "at least one of an A, a B, or a C", "at least one of A, B, or C", "at least one of A, B, and C", etc. should be interpreted as selecting at least one from the group including "A, B, and C". In this disclosure, unless otherwise explicitly stated in conjunction with a specific example, this wording does not mean "at least one of A, at least one of B, and at least one of C". As used in this disclosure, the example "at least one of an A, a B, or a C" will cover any of the following selections: {A}, {B}, {C}, {A, B}, {A, C}, {B, C}, and {A, B, C}.

[0256] Unless the context clearly requires otherwise, throughout the specification and claims, the words "include", "comprises", etc. should be interpreted as inclusive rather than exclusive or exhaustive; that is, "including but not limited to". As used herein, the term "connected", "coupled", or any variation thereof means any direct or indirect connection or coupling between two or more elements; the coupling or connection between elements can be physical, logical, or a combination thereof. In addition, when used in this application, the words "herein", "above", "below" and words of similar meaning refer to the application as a whole, rather than to any particular part of the application. Where the context permits, words used in the singular or plural may also include the plural or singular, respectively. When referencing a list of two or more items, the word "or" covers all of the following interpretations of the word: any item in the list, all of the items in the list, and any combination of the items in the list. Similarly, when referencing a list of two or more items, the term "and / or" covers all of the following interpretations of the word: any item in the list, all of the items in the list, and any combination of the items in the list.

[0257] The various features, steps or processes described herein can be used independently of each other, or can be used in combination in various ways. All possible combinations and sub-combinations are intended to fall within the scope of the present disclosure. In addition, in some implementations, certain methods or processing blocks may be omitted.

[0258] Although some examples (such as the examples depicted in the accompanying drawings) include a specific order of operations, the order may be changed without departing from the scope of the present disclosure. For example, some of the operations depicted may be performed in parallel or in a different order that does not substantially affect the functions described in the examples. In other examples, different components of the example devices or systems that implement the example methods may perform functions substantially simultaneously or in a specific order.

[0259] Glossary

[0260] "Carrier signal" refers to any intangible medium that can store, encode or carry instructions for execution by a machine and includes digital or analog communications signals or other intangible media that facilitates communication of such instructions. Instructions may be sent or received over a network using a transmission medium via a network interface device.

[0261] "Client device" or "user equipment" refers to any machine that interfaces with a communications network to obtain resources from one or more server systems or other client devices. A client device may be, but is not limited to, a mobile phone, a desktop computer, a laptop computer, a portable digital assistant (PDA), a smart phone, a tablet computer, an ultrabook, a netbook, a laptop computer, a multiprocessor system, a microprocessor-based or programmable consumer electronics product, a game console, a set-top box, or any other communications device that a user may use to access a network.

[0262] "Communications network" means one or more parts of a network, which may be an ad hoc network, an intranet, an extranet, a virtual private network (VPN), a local area network (LAN), a wireless LAN (WLAN), a wide area network (WAN), a wireless WAN (WWAN), a metropolitan area network (MAN), the Internet, a part of the Internet, a part of the public switched telephone network (PSTN), a plain old telephone service (POTS) network, a cellular telephone network, a wireless network, The coupling may be a network, another type of network, or a combination of two or more such networks. For example, the network or a portion of the network may include a wireless network or a cellular network, and the coupling may be a code division multiple access (CDMA) connection, a global system for mobile communications (GSM) connection, or other type of cellular or wireless coupling. In this example, the coupling may implement any of various types of data transmission technologies, such as single carrier radio transmission technology (1xRTT), evolution data optimized (EVDO) technology, general packet radio service (GPRS) technology, enhanced data rates for GSM evolution (EDGE) technology, the third generation partnership project (3GPP) including 3G, fourth generation wireless (4G) networks, universal mobile telecommunications system (UMTS), high speed packet access (HSPA), world wide interoperability for microwave access (WiMAX), long term evolution (LTE) standards, other data transmission technologies defined by various standard setting organizations, other long distance protocols, or other data transmission technologies.

[0263] "Component" refers to a logic or device, a physical entity with the following boundaries, which is defined by a function or subroutine call, a branch point, an API, or other technical definitions that provide partitioning or modularization for a specific processing or control function. A component can be combined with other components via its interface to perform machine processing. A component can be a packaged functional hardware unit designed for use with other components, and a part of a program that generally performs a specific function of a related function. A component can constitute a software component (e.g., a code implemented on a machine-readable medium) or a hardware component. A "hardware component" is a tangible unit that can perform certain operations and can be configured or arranged in a certain physical manner. In various examples, one or more computer systems (e.g., an independent computer system, a client computer system, or a server computer system) or one or more hardware components (e.g., a processor or a processor group) of a computer system can be configured by software (e.g., an application or an application part) to operate to perform certain operations as described herein. Hardware components can also be implemented mechanically, electronically, or in any suitable combination thereof. For example, a hardware component may include a dedicated circuit system or logic that is permanently configured to perform certain operations. The hardware component may be a dedicated processor, such as a field programmable gate array (FPGA) or an application specific integrated circuit (ASIC). The hardware component may also include a programmable logic or circuit system that is temporarily configured to perform certain operations by software. For example, the hardware component may include software executed by a general-purpose processor or other programmable processor. Once configured by such software, the hardware component becomes a specific machine (or a specific component of a machine), which is uniquely customized to perform the configured function and is no longer a general-purpose processor. It will be recognized that it can be determined for cost and time considerations whether to mechanically implement the hardware component in a dedicated and permanently configured circuit system or in a temporarily configured (e.g., configured by software) circuit system to implement the hardware component. Therefore, the phrase "hardware component" (or "hardware-implemented component") should be understood to include a tangible entity, that is, an entity that is physically constructed, permanently configured (e.g., hardwired) or temporarily configured (e.g., programmed) to operate in some way or perform certain operations described herein. Considering an example in which a hardware component is temporarily configured (e.g., programmed), it is not necessary to configure or instantiate each hardware component in the hardware component at any one time. For example, where a hardware component includes a general purpose processor that is configured by software to be a special purpose processor, the general purpose processor may be configured as different special purpose processors (e.g., including different hardware components) at different times. The software configures a specific processor or processors accordingly, such as to constitute a specific hardware component at one time and to constitute different hardware components at different times. A hardware component may provide information to other hardware components and receive information from other hardware components.Therefore, the hardware components described can be considered to be coupled in communication. In the case of multiple hardware components simultaneously, communication can be achieved by signal transmission between or among two or more hardware components (for example, by appropriate circuits and buses). In the example where multiple hardware components are configured or instantiated at different times, communication between such hardware components can be achieved, for example, by storing information in a memory structure accessible to multiple hardware components and retrieving information in the memory structure. For example, a hardware component can perform an operation, and the output of the operation is stored in a memory device coupled to it in communication. Then, other hardware components can access the memory device at a subsequent time to retrieve the stored output and process it. The hardware component can also initiate communication with an input device or an output device, and can operate on resources (for example, a collection of information). The various operations of the example methods described herein can be performed at least in part by one or more processors that are temporarily configured (for example, by software) or permanently configured to perform related operations. Whether it is temporarily configured or permanently configured, such a processor can constitute a processor-implemented component that operates to perform one or more operations or functions described herein. As used herein, "processor-implemented components" refer to hardware components implemented using one or more processors. Similarly, the method described herein can be implemented at least in part by a processor, wherein one or more specific processors are examples of hardware. For example, at least some operations in the operation of the method can be performed by one or more processors or the components implemented by the processor. In addition, one or more processors can also operate to support the execution of related operations in a "cloud computing" environment or as a "software as a service" (SaaS) operation. For example, at least some operations in the operation can be performed by a computer group (as an example of a machine including a processor), wherein these operations can be accessed via a network (e.g., the Internet) and via one or more appropriate interfaces (e.g., API). The execution of certain operations can be distributed among the processors, not only resident in a single machine, but deployed across multiple machines. In some examples, a processor or a component implemented by a processor can be located in a single geographical location (e.g., in a home environment, an office environment, or a server cluster). In other examples, a processor or a component implemented by a processor can be distributed across multiple geographical locations.

[0264] "Computer-readable storage media" refers to both machine storage media and transmission media. Therefore, these terms include both storage devices / media and carrier waves / modulated data signals. The terms "machine-readable medium", "computer-readable medium" and "device-readable medium" mean the same thing and may be used interchangeably in this disclosure.

[0265] “Machine storage media” refers to a single or multiple storage devices and media (e.g., centralized or distributed databases, and associated caches and servers) that store executable instructions, routines, and data. Thus, the term should be considered to include, but is not limited to, solid-state memory and optical and magnetic media, including memory internal or external to the processor. Specific examples of machine storage media, computer storage media, and device storage media include: non-volatile memory, including, for example, semiconductor memory devices such as erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), FPGA, and flash memory devices; magnetic disks, such as internal hard disks and removable disks; magneto-optical disks; and CD-ROM and DVD-ROM disks. The terms “machine storage media,” “device storage media,” and “computer storage media” mean the same thing and may be used interchangeably in this disclosure. The terms “machine storage media,” “computer storage media,” and “device storage media” explicitly exclude carrier waves, modulated data signals, and other such media, at least some of which are encompassed by the term “signal media.”

[0266] “Non-transitory computer-readable storage medium” refers to tangible media capable of storing, encoding, or carrying instructions to be executed by a machine.

[0267] "Signal medium" refers to any intangible medium that is capable of storing, encoding or carrying instructions executed by a machine and includes digital or analog communication signals or other intangible media that facilitate the communication of software or data. The term "signal medium" should be deemed to include any form of modulated data signals, carrier waves, etc. The term "modulated data signal" means a signal that has one or more of its characteristics set or changed in such a manner as to encode information in the signal. The terms "transmission medium" and "signal medium" mean the same thing and may be used interchangeably in this disclosure.

[0268] "User input content" refers to any form of content that can be published, published, shared, sent, received or interacted with by a user, for example, using an online platform. The user input content may, for example, include digital content in the form of one or more images, photos, video clips, audio clips, text, or a combination thereof. In some examples, the user input content item may be a UGC (user generated content) item. The user input content may, for example, have enhancements applied to it (e.g., lenses, filters, media overlays, or other enhancements), and may therefore be an augmented reality content item. The user input content item may be generated by a user, for example, where the content item is captured by a user using a digital camera of a user device, or, for example, where the content item is created by a user by applying an enhancement to another content item. The user input content item may be user selected, for example, where the content item is selected from a media library or file storage device, or, for example, originates from a third party or a third party device. The user input content may also include partially or completely computer generated content, for example, content created by generative artificial intelligence. The content item may, for example, be content data, such as a picture, video, or audio data (or a combination thereof).

Claims

1. A system comprising: at least one processor; as well as at least one memory component storing instructions that, when executed by the at least one processor, configure the at least one processor to perform operations comprising: receiving a content request from a user device of a viewing user of the interactive system; In response to receiving the content request, causing an interactive application executed at the user device to present a viewing user interface including a content area and an interactive area, wherein third-party content items are presented in the content area, the third-party content items forming part of a collection of content that can be navigated by performing a navigation gesture, wherein the interactive area includes: a first interactive sub-area located at a lower portion of the viewing user interface and outside the content area, the first interactive sub-area including interactive elements selectable by a user, and a second interactive sub-region positioned adjacent to the first interactive sub-region in a lower portion of the viewing user interface, the second interactive sub-region being located interior to the content region and comprising a user-selectable contextual element superimposed on the third-party content item; detecting an interaction gesture directed to the interaction area; and In response to detecting the interaction gesture, the interactive application is automatically transitioned from a viewing state to an interactive state.

2. The system according to claim 1, wherein: The content collection is a content collection of a third-party user of the interactive system, and wherein the navigation gesture is a tap gesture for a navigation area of ​​the viewing user interface, the navigation area being located inside the content area and excluding the second interactive sub-area.

3. The system according to claim 1, wherein: The second interactive sub-section includes a context palette including context elements selectable by the user, the user selectable context element being at least one of an enhancement identifier associated with the third-party content item, a location identifier, or a user identifier of a third-party user.

4. The system according to claim 1, wherein: The second interaction sub-area also includes a set of user-selectable action elements, the action elements being presented in a stacked arrangement.

5. The system according to claim 4, wherein: The action elements include a relationship request element that is selectable by a user to initiate establishment of a relationship within the interactive system between the viewing user and a third party user associated with the third party content item.

6. The system according to claim 1, wherein: The interactive elements include a reply element that enables the viewing user to generate a reply message to the third-party content item.

7. The system according to claim 6, wherein: The reply element includes a reply camera element that a user can select to activate a reply camera function of the interactive application.

8. The system according to claim 6, wherein: The reply element includes a text input field that enables the viewing user to generate the text of the reply message.

9. The system according to claim 1, wherein: An enhancement is applied to the third-party content item, the interactive element includes a visual identifier of the enhancement, and the interactive element is user-selectable to generate a user input content item that includes the enhancement.

10. The system according to claim 1, wherein: Causing presentation of the viewing user interface includes populating the interaction zone based on whether a predefined relationship between the viewing user and a third-party user associated with the third-party content item is recorded within the interaction system.

11. The system according to claim 10, wherein: The presenting of the viewing user interface further comprises: detecting that the predefined relationship between the viewing user and the third-party user is recorded within the interactive system; and In response to detecting that the predefined relationship is recorded, presenting the interactive element in the first interactive sub-area as a reply element.

12. The system according to claim 10, wherein: The presenting of the viewing user interface further comprises: detecting that the predefined relationship between the viewing user and the third-party user is not recorded in the interactive system; and In response to detecting that the predefined relationship is not recorded, presenting the interactive element in the first interactive sub-region as an alternative interactive element, the alternative interactive element being based on a context associated with the third-party content item.

13. The system according to claim 12, wherein: An enhancement is applied to the third-party content item, the alternative interactive element includes a visual identifier of the enhancement, and the alternative interactive element is user-selectable to generate a user input content item that includes the enhancement.

14. The system of claim 1, wherein: The presenting of the viewing user interface further comprises: determining a primary context associated with the third-party content item; and The interactive element is linked to the primary context such that user selection of the interactive element activates a function within the interactive application that is associated with the primary context.

15. The system of claim 14, wherein: The main context is determined based on the context elements within the second interaction sub-area.

16. The system of claim 1, wherein: The presenting of the viewing user interface further comprises: The interactive element is presented within the viewing user interface by activating an animation function of the interactive application to transition the first interactive sub-area from a blank state to a filled state.

17. The system of claim 1, wherein: The content area includes a progress bar superimposed on the third-party content item.

18. The system of claim 1, wherein: The content request includes the viewing user's selection of the content set.

19. A method comprising: receiving a content request from a user device of a viewing user of the interactive system; In response to receiving the content request, causing an interactive application executed at the user device to present a viewing user interface including a content area and an interactive area, wherein third-party content items are presented in the content area, the third-party content items forming part of a collection of content that can be navigated by performing a navigation gesture, wherein the interactive area includes: a first interactive sub-area located at a lower portion of the viewing user interface and outside the content area, the first interactive sub-area including interactive elements selectable by a user, and a second interactive sub-region positioned adjacent to the first interactive sub-region in a lower portion of the viewing user interface, the second interactive sub-region being located interior to the content region and comprising a user-selectable contextual element superimposed on the third-party content item; detecting an interaction gesture directed to the interaction area; and In response to detecting the interaction gesture, the interactive application is automatically transitioned from a viewing state to an interactive state.

20. A non-transitory computer-readable storage medium comprising instructions that, when executed by at least one computer, cause the at least one computer to perform operations comprising: receiving a content request from a user device of a viewing user of the interactive system; In response to receiving the content request, causing an interactive application executed at the user device to present a viewing user interface including a content area and an interactive area, wherein third-party content items are presented in the content area, the third-party content items forming part of a collection of content that can be navigated by performing a navigation gesture, wherein the interactive area includes: a first interactive sub-area located at a lower portion of the viewing user interface and outside the content area, the first interactive sub-area including interactive elements selectable by a user, and a second interactive sub-region positioned adjacent to the first interactive sub-region in a lower portion of the viewing user interface, the second interactive sub-region being located interior to the content region and comprising a user-selectable contextual element superimposed on the third-party content item; detecting an interaction gesture directed to the interaction area; and In response to detecting the interaction gesture, the interactive application is automatically transitioned from a viewing state to an interactive state.

Images