Interface interaction method and apparatus, device, and storage medium
By presenting an interactive interface in the live streaming interface and updating visual elements in response to user actions, the problem of insufficient visual feedback when users gift virtual resources is solved, thus improving the interactive experience and efficiency.
Patent Information
- Authority / Receiving Office
- WO · WO
- Patent Type
- Applications
- Current Assignee / Owner
- BEIJING ZITIAO NETWORK TECH CO LTD
- Filing Date
- 2026-01-22
- Publication Date
- 2026-07-30
AI Technical Summary
During live streaming, users find it difficult to enrich their interactive experience with visual elements, especially when virtual resources are gifted, as there is a lack of dynamic and personalized visual feedback.
A method for interface interaction is provided, which presents a first area and a second area in an interactive interface. The first area displays candidate interactive resources, the second area displays initial visual elements, and the visual elements in the second area are updated to new visual elements determined based on the interactive resources in response to user operations. Animation effects are combined to enrich the interactive experience.
By dynamically updating visual elements and animation effects, the interactive experience between users and broadcasters and the efficiency of information transmission are improved, thereby enhancing user engagement and satisfaction.
Smart Images

Figure CN2026074195_30072026_PF_FP_ABST
Abstract
Description
Interface interaction methods, devices, equipment and storage media
[0001] This application claims priority to Chinese Patent Application No. 202510104909.X, filed on January 22, 2025, entitled "Interface Interaction Method, Apparatus, Device and Storage Medium", the entire contents of which are incorporated herein by reference. Technical Field
[0002] The exemplary embodiments disclosed herein relate generally to the field of computers, and more particularly to interface interaction methods, apparatuses, devices, and computer-readable storage media. Background Technology
[0003] With the development of computer technology, more and more applications are able to provide live streaming content. Various types of live streams can provide people with information, education, lifestyle, and entertainment content. In some cases, users watching live streams may wish to send virtual resources to their favorite streamers to support them. Summary of the Invention
[0004] In a first aspect of this disclosure, a user interface interaction method is provided. The method includes: presenting an interactive interface associated with a first user, the interactive interface including a first area and a second area, the first area presenting a set of candidate interactive resources, and the second area presenting a first visual element; and, in response to a first operation on the first interactive resource of the set of candidate interactive resources, updating the first visual element in the second area to a second visual element, the second visual element being determined based on the first interactive resource.
[0005] In a second aspect of this disclosure, an apparatus for interface interaction is provided. The apparatus includes: a presentation module configured to present an interactive interface associated with a first user, the interactive interface including a first area and a second area, the first area presenting a set of candidate interactive resources and the second area presenting a first visual element; and a triggering module configured to, in response to a first operation on the first interactive resource of the set of candidate interactive resources, update the first visual element in the second area to a second visual element, the second visual element being determined based on the first interactive resource.
[0006] In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processor; and at least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor. When executed by the at least one processor, the instructions cause the device to perform the method of the first aspect.
[0007] In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores computer-executable instructions that can be executed by a processor to implement the method of the first aspect.
[0008] In a fifth aspect of this disclosure, a computer program product is provided, which is tangibly stored in a computer storage medium and includes computer-executable instructions that, when executed by a device, cause the device to perform the method of the first aspect.
[0009] It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description
[0010] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:
[0011] Figure 1 shows a schematic diagram of an example environment in which embodiments of the present disclosure may be implemented;
[0012] Figures 2A to 2K illustrate example interfaces according to some embodiments of the present disclosure;
[0013] Figure 3 shows a flowchart of an example process of interface interaction according to some embodiments of the present disclosure;
[0014] Figure 4 shows a schematic structural block diagram of an example device for interface interaction according to some embodiments of the present disclosure; and
[0015] Figure 5 shows a block diagram of an electronic device capable of implementing several embodiments of the present disclosure. Detailed Implementation
[0016] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.
[0017] It should be noted that the headings of any section / subsection provided herein are not limiting. Various embodiments are described throughout this document, and embodiments of any type may be included under any section / subsection. Furthermore, embodiments described in any section / subsection may be combined in any way with any other embodiments described in the same section / subsection and / or different sections / subsections.
[0018] In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below. The terms "first", "second", etc., may refer to different or the same objects. Other explicit and implicit definitions may also be included below.
[0019] The embodiments of this disclosure may involve user data, data acquisition, and / or use. All of these aspects comply with applicable laws, regulations, and relevant provisions. In the embodiments of this disclosure, all data collection, acquisition, processing, manipulation, forwarding, and use are conducted with the user's knowledge and confirmation. Accordingly, in implementing the embodiments of this disclosure, the type, scope of use, and usage scenarios of any data or information that may be involved should be communicated to the user and their authorization obtained in accordance with relevant laws and regulations through appropriate means. The specific methods of notification and / or authorization may vary depending on the actual situation and application scenario, and the scope of this disclosure is not limited in this respect.
[0020] In this specification and the embodiments, any processing of personal information will be carried out only under the premise of legality (such as obtaining the consent of the personal information subject, or being necessary for the performance of a contract), and will only be carried out within the scope stipulated or agreed upon. A user's refusal to process personal information other than that necessary for basic functions will not affect the user's use of basic functions.
[0021] As mentioned above, with the development of computer technology, more and more applications are able to provide live streaming content. Various types of live streams can provide people with information, education, lifestyle, and entertainment content. In some cases, users watching live streams may wish to send virtual resources to their favorite streamers to support them.
[0022] Embodiments of this disclosure propose a user interface interaction scheme. The scheme includes: presenting an interactive interface associated with a first user, the interactive interface including a first area and a second area, the first area presenting a set of candidate interactive resources, and the second area presenting a first visual element; and, in response to a first operation on the first interactive resource of the set of candidate interactive resources, updating the first visual element in the second area to a second visual element, the second visual element being determined based on the first interactive resource.
[0023] In this way, embodiments of the present disclosure can enrich interactive effects through different visual elements, thereby improving the user's interactive experience.
[0024] The following section provides a detailed description of various example implementations of this scheme, with reference to the accompanying drawings.
[0025] Example Environment
[0026] Figure 1 illustrates a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in Figure 1, the example environment 100 may include an electronic device 110.
[0027] In this example environment 100, electronic device 110 can run an application 120 that supports user interface interaction. Application 120 can be any suitable type of application for user interface interaction, examples of which may include, but are not limited to, webcasting applications, content sharing applications, social applications, or other suitable applications. User 140 can interact with application 120 via electronic device 110 and / or its attached devices.
[0028] In environment 100 of Figure 1, if application 120 is active, electronic device 110 can use application 120 to present interface 150 for supporting interface interaction.
[0029] In some embodiments, electronic device 110 communicates with server 130 to provide services to application 120. Electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, handheld computers, portable gaming terminals, VR / AR devices, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, electronic device 110 can also support any type of user-facing interface (such as "wearable" circuitry).
[0030] Server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. Server 130 may include, for example, computing systems / servers such as mainframes, edge computing nodes, computing devices in a cloud environment, etc. Server 130 can provide backend services for applications 120 that support user interface interaction in electronic devices 110.
[0031] A communication connection can be established between server 130 and electronic device 110. This communication connection can be established via wired or wireless means. The communication connection may include, but is not limited to, Bluetooth, mobile network, Universal Serial Bus (USB), and Wireless Fidelity (WiFi) connections; the embodiments of this disclosure are not limited in this respect. In the embodiments of this disclosure, server 130 and electronic device 110 can achieve signaling interaction through the communication connection between them.
[0032] It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.
[0033] The following description will continue with reference to the accompanying drawings, which will provide some exemplary embodiments of this disclosure.
[0034] Example Interaction
[0035] Figures 2A to 2K illustrate example interfaces 200A to 200K according to some embodiments of the present disclosure. Interfaces 200A to 200K may be provided, for example, by the electronic device 110 shown in Figure 1.
[0036] In some embodiments, the electronic device 110 may display a live streaming interface for a first user. After displaying the live streaming interface for the first user, the electronic device 110 may display an interactive interface in response to a triggering of an interactive entry point in the interactive interface. The interactive entry point includes a first interactive entry point and a second interactive entry point. The first interactive entry point is displayed in a resource interaction panel associated with the live streaming interface. The second interactive entry point is associated with the live streaming screen being displayed in the live streaming interface.
[0037] As an example, electronic device 110 can display interface 200A as shown in Figure 2A. Interface 200A can be, for example, the live streaming interface of the first user (also referred to as the live streamer). Interactive entry points are provided in interface 200A. The first interactive entry point 201 can be displayed by electronic device 110 in the live streamer's screen, and the second interactive entry point 203 can be displayed in the resource interaction panel 202. The resource interaction panel 202 includes multiple virtual gifts, which can be used to support interaction between the viewer and the live streamer.
[0038] In some embodiments, the electronic device 110 may present multiple pieces of content in the live interactive entry point. Specifically, the electronic device 110 may present first descriptive information associated with the current user's historical interactive operations in the live interactive entry point. Alternatively, the electronic device 110 may present a first visual element in the live interactive entry point. The first descriptive information may, for example, be interaction information between user 140 (i.e., the current user) and a first user, such interaction information being associated with user 140's historical interaction information. For example, if user 140 did not send a virtual gift to the first user today, then the first descriptive information could be "Send the first bouquet." In some scenarios, if user 140 has already sent a virtual gift to the first user today, then the first descriptive information could be "Strive to be the best bouquet." The first visual element in the interactive entry point may, for example, be the style of flowers and vases as shown in the figure.
[0039] In some embodiments, the electronic device 110 may also present an interactive entry point on the first user's personal page. Specifically, the electronic device 110 may present the first user's personal page. Further, the electronic device 110 may present an interactive interface in response to the triggering of a third entry point on the personal page.
[0040] As an example, as shown in Figure 2B, when the electronic device 110 receives a request to view the personal interface of the first user, it can display the first user's personal page 204 in interface 200B. The personal page 204 includes an interactive entry point 205. When the electronic device 110 receives a selection from the user 140 regarding the interactive entry point 205, it can display the interactive interface shown in Figure 2C.
[0041] In some embodiments, the electronic device 110 may present a third interactive entry point on the personal page in response to the first user being in a live streaming state. As an example, as shown in FIG2B, when presenting the first user's personal page 204, the electronic device 110 may determine whether the first user is currently live streaming. When it is determined that the first user is live streaming, the electronic device 110 may present the interactive entry point 205 on the personal page 204.
[0042] In some embodiments, when a user selects an interactive entry point in the live streaming interface, the electronic device 110 presents an interactive interface associated with the first user. The interactive interface includes a first area and a second area. The first area presents a set of candidate interactive resources, where the first set of candidate interactive resources is a first set of candidate interactive resources. The second area presents a first visual element.
[0043] As an example, as shown in Figure 2C, electronic device 110 can present interface 200C to user 140. Interface 200C includes a live streaming area 206 and component 207 for the first user. The live streaming area 206 is used to present the live streaming content of the live streamer (i.e., the first user), such live streaming content may be, for example, text live streaming, audio live streaming, or video live streaming.
[0044] In some scenarios, when the electronic device 110 determines that the user 140 is entering the live streaming interface for the first time, it can present a first-style interactive effect 208. Such an interactive effect 208 can be a preset animation effect, for example, a hand inserting a flower into a vase.
[0045] After component 207 is rendered, as shown in Figure 2D, electronic device 110 can render a second region 209 and a first region 210 within component 207. The second region 209 includes multiple candidate interactive resources and is used to render a first visual element 211. The first visual element 211 can be rendered by electronic device 110, for example, as a flower placed in a vase. The first visual element 211 includes multiple background elements, such as flower elements and vase elements as shown in Figure 2D.
[0046] Alternatively or additionally, the presentation style of the first visual element 211 in component 207 is determined by electronic device 110 based on the user 140's historical interaction operations. For example, if user 140 has never sent a virtual gift to the live streamer, then when presenting component 207, electronic device 110 will only present the vase element in the second area 209, without presenting the flower element. Alternatively, the second area 209 may also present default screen content as the first visual element, which may, for example, not include the vase or flower elements.
[0047] When the first visual element 211 is not presented in the second area 209 by the electronic device 110, the electronic device 110 can present the live broadcast of the live broadcaster in the area where the first visual element 211 is located.
[0048] In some embodiments, the electronic device 110, in response to a first operation on a first interactive resource from a set of candidate interactive resources, updates a first visual element in a second region to a second visual element. The second visual element is determined based on the first interactive resource. The first interactive resource corresponds to a corresponding virtual gift.
[0049] As an example, as shown in Figures 2D and 2E, the first area 210 in interface 200D includes multiple candidate interactive resources, such as virtual gifts. Virtual gifts are used to support interaction between the live streamer and the audience. Among the multiple candidate interactive resources is a first interactive resource 212, which is associated with a first virtual gift. When electronic device 110 receives a selection from user 140 regarding a gift-giving control in the first interactive resource 212, electronic device 110 can trigger a gift-giving event to give the first virtual gift to the live streamer (i.e., the first user). Furthermore, electronic device 110 can update the first visual element 211 in the second area 209 to present a second visual element 213 in the second area 209.
[0050] In some embodiments, when a gift-giving event is triggered, the electronic device 110 can display an animation corresponding to the gift-giving event to enrich the interactive effects of the interface. Specifically, the electronic device 110 can display the animation in a second area. The animation indicates a change from a first visual element to a second visual element. As an example, as shown in Figures 2D and 2E, when a gift-giving event is triggered, the electronic device 110 can display a corresponding animation effect in the interface 200D. Such an animation effect could be, for example, updating the flower element in the first visual element 211 to a flower element of a different style and inserting the updated flower element into a vase element. For example, the electronic device 110 can replace the rose in the first visual element 211 with a tulip and insert the tulip into a vase.
[0051] In some embodiments, the electronic device 110, in response to a second operation on a second interactive resource from a set of candidate interactive resources, presents preview content in a second area. The preview content includes a third visual element corresponding to the second interactive resource.
[0052] As an example, as shown in Figure 2E, the first area 210 also includes a second interactive resource 214. When the electronic device 110 receives a long-press operation (i.e., the second operation) from the user on the second interactive resource 214, the electronic device 110 can temporarily replace the "tulip" in the second visual element 213 with the "plum blossom" (i.e., the third visual element) corresponding to the second interactive resource 214. When the long-press operation ends, the electronic device 110 can replace the "plum blossom" in the second visual element 213 back with the "tulip".
[0053] In some embodiments, electronic device 110 may present interactive description information in a second area. The interactive description information indicates whether the current user performed an interactive action associated with the first user during multiple time periods in a historical timeframe. As an example, continuing to refer to FIG2E, electronic device 110 may present calendar element 215 (i.e., interactive description information) in second area 209. Calendar element 215 includes partial historical interaction information between user 140 and the live streamer (i.e., the first user). Such partial historical interaction information could be, for example, the number of consecutive days user 140 has sent virtual gifts to the live streamer (i.e., the first user), such as "sent flowers for 12 consecutive days."
[0054] In some embodiments, the electronic device 110 can also present the user with historical interaction information between the user and the live streamer. Specifically, the electronic device 110 can present multiple visual elements in response to the selection of interaction description information. The multiple visual elements correspond to multiple historical interaction events triggered by the current user within multiple time periods of the historical time period.
[0055] As an example, as shown in Figures 2E and 2F, electronic device 110 can receive a user's selection for calendar element 215 and present a visual element group 216 in interface 200F. Visual element group 216 includes multiple visual elements, each of which records historical interaction events of user 140. Multiple visual elements may include, for example, visual element 217. Visual element 217 includes descriptive information about the historical interaction events, such as the virtual gift given by user 140 and the time the virtual gift was given.
[0056] In some embodiments, after a virtual gift is given to a first user by the electronic device 110, the electronic device 110 can receive a request to exit the interactive interface. Further, the electronic device 110 can display the live streaming interface shown in Figure 2A and update the content in all interactive entry points. Specifically, the electronic device 110 can update the content displayed in the interactive entry points in response to the first operation.
[0057] As an example, as shown in Figures 2A and 2B, when the first operation instructs user 140 to send the first user a virtual gift for the first time today, the electronic device 110 can replace the text content in the interactive entry from "Send the first bouquet" to "Strive to be the best bouquet". The aforementioned interactive entry may include: interactive entry 201, interactive entry 203, and interactive entry 205.
[0058] In some scenarios, after receiving the first operation and returning to the live broadcast interface, the electronic device 110 can also update the visual representation of the visual element in the interaction entry point to replace the visual representation of the second visual element. For example, if the second visual element is "tulip" and a vase, then the electronic device 110 can update the visual element in the interaction entry point to "tulip" and a vase.
[0059] In other scenarios, when user 140 sends a virtual gift to the live streamer, the corresponding live stream client will also receive a gift notification. This notification can update the content of the interactive entry point presented on the live stream client. For example, it could update the text information and visual elements in the interactive entry point on the live stream client.
[0060] In some embodiments, electronic device 110 may, in response to a first operation, present a first reminder message associated with a first interactive resource in the live streaming interface. For example, when a gift-giving event corresponding to the first operation is triggered, electronic device 110 may present a corresponding reminder message in the live streaming interface of the live streamer. Such a reminder message is used to indicate that user 140 has given a virtual gift to the live streamer. The reminder message can have two styles, which can be determined based on the virtual resource corresponding to the virtual gift. When the number of virtual resources corresponding to the virtual gift given by user 140 to the live streamer is not the highest among the virtual gifts received by the live streamer that day, electronic device 110 may present the reminder message in the first style. The first style may, for example, include the text message "Send flowers today" and a visual representation corresponding to the virtual gift (e.g., "tulips").
[0061] When the number of virtual resources corresponding to the virtual gift sent by user 140 to the live streamer is the highest among the virtual gifts received by the live streamer that day, electronic device 110 can present a reminder message in a second style. The second style may include, for example, the text message "Best to send flowers" and a visual representation corresponding to the virtual gift (e.g., "peony").
[0062] In some embodiments, when a viewer other than user 140 sends a virtual gift to the live streamer (i.e., the first user), the electronic device 110 displays a corresponding message notification on the live stream interface. Specifically, the electronic device 110 may display a second notification message associated with the third interactive resource on the live stream interface. The second notification message indicates the interactive operation associated with the third interactive resource by the second user. The second notification message indicates one of the second user's identification information and a fourth visual element corresponding to the third interactive resource.
[0063] As an example, when a second user sends a virtual gift (e.g., a flower) to the live streamer, the electronic device 110 can display a second notification message on the live stream interface. The second notification message indicates that the second user has sent a virtual gift to the live streamer (i.e., an interactive operation associated with the third interactive resource). Such a virtual gift could be, for example, a virtual flower. The second notification message includes the second user's username (i.e., identifying information) and a fourth visual element (e.g., a "lotus") corresponding to the virtual gift from the third interactive resource. In this way, the user 140 can receive timely notifications of virtual gifts from other viewers, thereby improving the efficiency of information acquisition for the user.
[0064] In some embodiments, the electronic device 110 may, in response to a third interactive resource meeting a first condition, present a second notification message associated with the third interactive resource in the live streaming interface. The first condition is determined based on a set of historical interaction events associated with a first user.
[0065] As an example, before presenting the second reminder message, the electronic device 110 can determine whether the third interactive resource meets the first condition. The first condition indicates whether the virtual gift corresponding to the third interactive resource is the virtual gift with the most virtual resources received by the first user today. For example, if the virtual gift with the most virtual resources received by the first user today is 300 units of virtual resources, the virtual gift corresponding to the third interactive resource is 1000 units of virtual resources. The electronic device 110 can then present the second reminder message in the live broadcast interface in a second style. The second style may include, for example, the text information "Best to send flowers," and a visual representation of the virtual gift corresponding to the third interactive resource (e.g., "peony").
[0066] In some embodiments, after receiving a user's selection of an interactive entry point in the live streaming interface, the electronic device 110 can re-present the interactive interface while maintaining the presentation style of the second visual element. Specifically, the electronic device 110 can present the second visual element in the second area of the interactive interface in response to the interactive interface being triggered. For example, before exiting the interactive interface, the second visual element 213 is "tulip" and a vase. When the electronic device 110 re-presents the interactive interface, it will present the second visual element 213 in the style of "tulip" and a vase, instead of resetting the second visual element 213 to retain only the vase element.
[0067] In some embodiments, the electronic device 110 may present a fifth visual element in the interactive interface in response to receiving a third operation in the interactive interface. The fifth visual element corresponds to a historical interaction event associated with the first user. The historical interaction event is determined from a set of historical interaction events associated with the first user. The fifth interactive resource corresponding to the historical interaction event satisfies a second condition. Such a third operation may be, for example, a swipe operation (e.g., a left swipe) on the second area 209. The historical interaction event is triggered by the third user, and the interactive interface also presents second descriptive information associated with the third user.
[0068] As an example, as shown in Figure 2G, the electronic device 110 can present prompt elements associated with the third operation in the interface 200F. Such prompt elements may include, for example, text elements 218 and media elements 219. Text element 218 can be descriptive text for the third operation, such as "Swipe left to get the most special flower delivery person." Media element 219 is used to present animation effects associated with the third operation. Such animation effects may be, for example, an animation of a finger swiping left, or other appropriate animation effects.
[0069] In some scenarios, to more clearly provide users with prompts regarding the third operation, as shown in Figure 2H, the electronic device 110 can also present an additional interface 220 on the interface 200G for a preset period of time. The additional interface 217 includes second descriptive information 222 corresponding to the fifth visual element 221 and the third visual element. When the preset period ends, the electronic device 110 can cancel the presentation of the interface 200G. In this way, embodiments of this disclosure can better prompt users regarding the third operation, thereby improving the user's interactive experience and efficiency with the interactive interface.
[0070] When electronic device 110 receives a left swipe operation from user 140 on the second area 209, as shown in Figure 2I, electronic device 110 can display the fifth visual element 221 and the second description information 222 associated with the third user in the second area 209. The second description information 222 may include, for example, the third user's username and the interaction information between the third user and the live streamer (i.e., the first user). This interaction information may include, for example, the quantity, description, and time information of the virtual gifts the third user gifted to the live streamer (i.e., the first user). The time information may be, for example, the number of days the third user gifted virtual gifts to the live streamer, such as "gifts sent for 36 consecutive days." The fifth visual element 221 is associated with the third user, and the virtual gift corresponding to the fifth visual element 221 is the virtual gift with the highest number of virtual resources received by the live streamer that day (i.e., the fifth interactive resource corresponding to the historical interactive event satisfies the second condition).
[0071] In some embodiments, the second visual element includes a first background element, and the fifth visual element includes the second background element. The first background element and the second background element have different element styles. The element style of the first background element is independent of the first interactive resource. Here, the first background element and the second background element may, for example, correspond to the vase element in the second visual element and the fifth visual element, respectively.
[0072] As an example, as shown in Figures 2E and 2I, the second visual element 213 includes a first background element, which can be, for example, the vase element 213-1 in the second visual element 213. The fifth visual element 221 includes a second background element, which can be, for example, the vase element 221-1 in the fifth visual element 221. The vase element 221-1 in the fifth visual element 221 can be different from the flower element and vase element 213-1 in the second visual element 213 shown in Figure 2E. For example, the vase element 221-1 in the fifth visual element 221 can be a blue and white porcelain vase, while the vase element 213-1 in the second visual element 213 can be an earthenware pot.
[0073] In some embodiments, after receiving a left swipe operation from user 140 on the second area 209, electronic device 110 can provide the user with a second set of candidate interactive resources in the first area 210. Specifically, electronic device 110 can present the second set of candidate interactive resources in the interactive interface. As an example, as shown in FIG2G, after receiving a left swipe operation from user 140 on the second area 209, electronic device 110 can present the second set of interactive resources as shown in FIG2I to user 140 in the first area 210. The types of virtual gifts in the second set of interactive resources can be determined by the fifth visual element 221. For example, if the number of virtual resources corresponding to the virtual gift of the fifth visual element 221 is 100, then electronic device 110 can select multiple virtual gifts with a corresponding number of virtual resources greater than 100 to construct the second set of interactive resources. In other words, the number of virtual resources corresponding to each virtual gift in the second set of interactive resources will be greater than the number of virtual resources corresponding to the virtual gift of the fifth visual element 221.
[0074] Furthermore, the electronic device 110 can, in response to a fourth operation on the sixth interactive resource in the second set of interactive resources, update the fifth visual element to the sixth visual element and trigger a third interactive event associated with the first user. The sixth visual element is determined based on the sixth interactive resource.
[0075] As an example, the second group of interactive resources includes the sixth interactive resource 223. After receiving the user 140's selection of the sixth interactive resource 223 (i.e., the fourth operation), the electronic device 110 can determine whether the virtual resource of the virtual gift corresponding to the sixth interactive resource 223 is the virtual gift with the most virtual resources received by the live streamer today. However, since the number of virtual resources corresponding to each virtual gift in the second group of interactive resources is greater than the number of virtual resources corresponding to the virtual gift of the fifth visual element 221, the electronic device 110 can update the fifth visual element 221 to the sixth visual element 224 corresponding to the sixth interactive resource 223, as shown in Figure 2J.
[0076] In some embodiments, the electronic device 110 may respond to the fact that the historical interaction information between the current user and the first user meets a third condition. A candidate interactive resource corresponding to the third condition is provided in a first area. As an example, as shown in FIG2I, the first area 210 also includes a seventh interactive resource 225 (i.e., a candidate interactive resource corresponding to the third condition). When the historical interaction information between user 140 and the first user does not meet the third condition, the seventh interactive resource 225 is presented in a locked state, meaning that the seventh interactive resource 225 is not allowed to interact with user 140.
[0077] In some scenarios, the third condition could be a preset number of days (e.g., 21 days) during which the user 140 continuously sends virtual gifts (e.g., flowers) to the first user. When the electronic device 110 determines that the user 140 has continuously sent flowers to the first user for 21 days, as shown in Figure 2J, the electronic device 110 can unlock the seventh interactive resource 225 and provide the seventh interactive resource 225 (i.e., the candidate interactive resource corresponding to the third condition) in the first area 210. This effectively enriches the interactive process, thereby improving the user's live streaming experience.
[0078] In some embodiments, the electronic device 110 can reset the visual elements in the interactive interface daily. Specifically, the electronic device 110 can update the second area to display preset visual elements in response to the current time meeting a trigger condition. As an example, when the electronic device 110 determines that the current time is midnight of the next day, the electronic device 110 can reset the visual elements in the second area to display preset visual elements in the second area.
[0079] In some embodiments, electronic device 110 can receive information viewing requests from the live streamer. Upon receiving an information viewing request, electronic device 110 can present an interface 200K as shown in Figure 2K. Interface 200K includes an information viewing component 226. The information viewing component 226 includes users who have interacted with the live streamer within a preset period. Such users could be, for example, the "best user" of the day, indicating that the user sent the most virtual resources corresponding to virtual gifts on that day. For example, user A sent 99 roses one day ago, and user A was the "best user" one day ago. When the information viewing component 226 is presented by electronic device 110, the information viewing component 226 will include interaction information related to user A. Such interaction information could be, for example, the number and type of gifts sent by user A one day ago, user A's name, avatar, and the time of gift sending (e.g., one day ago).
[0080] In this way, embodiments of the present disclosure can enrich interactive effects through different visual elements, thereby improving the user's interactive experience.
[0081] Example process
[0082] Figure 3 illustrates a flowchart of an example process 300 for interface interaction according to some embodiments of the present disclosure. Process 300 can be implemented at electronic device 110. Process 300 will now be described with reference to Figure 1.
[0083] As shown in Figure 3, in box 310, electronic device 110 presents an interactive interface associated with a first user. The interactive interface includes a first area and a second area. The first area presents a set of candidate interactive resources, and the second area presents a first visual element.
[0084] In box 320, electronic device 110, in response to a first operation on a first interactive resource of a set of candidate interactive resources, updates a first visual element in a second region to a second visual element, the second visual element being determined based on the first interactive resource.
[0085] In some embodiments, process 300 further includes: presenting an animation in a second area, the animation indicating a change from a first visual element to a second visual element.
[0086] In some embodiments, after updating the first visual element in the second region to the second visual element, process 300 further includes: in response to a second operation on a second interactive resource in a set of candidate interactive resources, presenting preview content in the second region, the preview content including a third visual element corresponding to the second interactive resource.
[0087] In some embodiments, after an interactive event is triggered, process 300 further includes: in response to the interactive interface being triggered to be displayed, presenting a second visual element in a second area of the interactive interface.
[0088] In some embodiments, process 300 further includes: presenting the live streaming interface of the first user; and presenting the interactive interface in response to triggering an interactive entry point in the interactive interface.
[0089] In some embodiments, the interactive entry point includes: a first interactive entry point displayed in a resource interaction panel associated with the live streaming interface; and / or a second interactive entry point associated with the live streaming screen displayed in the live streaming interface.
[0090] In some embodiments, the interactive entry point presents at least one of the following: first descriptive information associated with the current user's historical interactive actions; and a first visual element.
[0091] In some embodiments, process 300 further includes: updating the content presented by the interactive entry point in response to the first operation.
[0092] In some embodiments, process 300 further includes: in response to the first operation, presenting a first reminder message associated with the first interactive resource in the live streaming interface.
[0093] In some embodiments, process 300 further includes: presenting a second reminder message associated with a third interactive resource in the live streaming interface, the second reminder message indicating an interactive operation of the second user associated with the third interactive resource.
[0094] In some embodiments, process 300 further includes: in response to a third interactive resource satisfying a first condition, presenting a second reminder message associated with the third interactive resource in the live streaming interface, the first condition being determined based on a set of historical interactive events associated with a first user.
[0095] In some embodiments, the second notification message indicates at least one of the following: identification information of the second user; and a fourth visual element corresponding to the third interactive resource.
[0096] In some embodiments, process 300 further includes: presenting a personal page of a first user; and presenting an interactive interface in response to a third interactive entry point in the personal page.
[0097] In some embodiments, process 300 further includes: in response to the first user being in a live streaming state, presenting a third interactive entry point on the personal page.
[0098] In some embodiments, process 300 further includes: in response to receiving a third operation in the interactive interface, presenting a fifth visual element in the interactive interface, the fifth visual element corresponding to a historical interactive event associated with a first user, the historical interactive event being determined from a set of historical interactive events associated with the first user, and the fifth interactive resource corresponding to the historical interactive event satisfying a second condition.
[0099] In some embodiments, historical interaction events are triggered by a third user, and the interaction interface also presents a second descriptive information associated with the third user.
[0100] In some embodiments, a set of candidate interactive resources is a first set of candidate interactive resources, and process 300 further includes: presenting a second set of candidate interactive resources in an interactive interface; and in response to a fourth operation on a sixth interactive resource in the second set of candidate interactive resources, updating a fifth visual element to a sixth visual element and triggering a third interactive event associated with a first user, wherein the sixth visual element is determined based on the sixth interactive resource.
[0101] In some embodiments, the second visual element includes a first background element, the fifth visual element includes a second background element, and the first background element and the second background element have different element styles.
[0102] In some embodiments, the element style of the first background element is independent of the first interactive resource.
[0103] In some embodiments, process 300 further includes: presenting interaction description information in a second area, the interaction description information indicating whether the current user performed an interaction operation associated with the first user during multiple time periods in a historical period.
[0104] In some embodiments, process 300 further includes: in response to the selection of interactive description information, presenting multiple visual elements, the multiple visual elements corresponding to multiple historical interactive events triggered by the current user within multiple time periods of a historical period.
[0105] In some embodiments, process 300 further includes: in response to the historical interaction information between the current user and the first user satisfying a third condition, providing candidate interaction resources corresponding to the third condition in a first area.
[0106] In some embodiments, process 300 further includes: updating the second region to present preset visual elements in response to the current time meeting the triggering condition.
[0107] In some embodiments, the first interactive resource includes a virtual gift, and the first interactive event includes a virtual gift-giving event associated with a first user.
[0108] Example devices and equipment
[0109] Embodiments of this disclosure also provide corresponding apparatus for implementing the methods or processes described above. Figure 4 shows a schematic structural block diagram of an example apparatus 400 for interface interaction according to certain embodiments of this disclosure. Apparatus 400 may be implemented as or included in electronic device 110. The various modules / components in apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.
[0110] As shown in Figure 4, the device 400 includes: a presentation module 410 configured to present an interactive interface associated with a first user, the interactive interface including a first area and a second area, the first area presenting a set of candidate interactive resources and the second area presenting a first visual element; and a trigger module 420 configured to update the first visual element in the second area to a second visual element in response to a first operation on the first interactive resource of the set of candidate interactive resources, the second visual element being determined based on the first interactive resource.
[0111] In some embodiments, the device 400 further includes an indication module configured to: present an animation in a second area, the animation indicating a change from a first visual element to a second visual element.
[0112] In some embodiments, the device 400 further includes a preview presentation module configured to: in response to a second operation on a second interactive resource in a set of candidate interactive resources, present preview content in a second area, the preview content including a third visual element corresponding to the second interactive resource.
[0113] In some embodiments, the device 400 further includes a first visual element presentation module configured to present a second visual element in a second area of the interactive interface in response to the interactive interface being triggered to be presented.
[0114] In some embodiments, the device 400 further includes an interface presentation module configured to: present the live broadcast interface of the first user; and present the interactive interface in response to triggering an interactive entry in the interactive interface.
[0115] In some embodiments, the interactive entry point includes: a first interactive entry point displayed in a resource interaction panel associated with the live streaming interface; and / or a second interactive entry point associated with the live streaming screen displayed in the live streaming interface.
[0116] In some embodiments, the interactive entry point presents at least one of the following: first descriptive information associated with the current user's historical interactive actions; and a first visual element.
[0117] In some embodiments, the device 400 further includes an update module configured to update the content presented by the interactive entry point in response to a first operation.
[0118] In some embodiments, the device 400 further includes a first message presentation module configured to: in response to a first operation, present a first reminder message associated with a first interactive resource in the live streaming interface.
[0119] In some embodiments, the device 400 further includes a second message presentation module configured to present a second reminder message associated with a third interactive resource in the live streaming interface, the second reminder message indicating an interactive operation of the second user associated with the third interactive resource.
[0120] In some embodiments, the device 400 further includes a third message presentation module configured to: in response to a third interactive resource satisfying a first condition, present a second reminder message associated with the third interactive resource in the live streaming interface, the first condition being determined based on a set of historical interaction events associated with a first user.
[0121] In some embodiments, the second notification message indicates at least one of the following: identification information of the second user; and a fourth visual element corresponding to the third interactive resource.
[0122] In some embodiments, the device 400 further includes a personal page presentation module configured to: present a personal page of a first user; and present an interactive interface in response to a third interactive entry point in the personal page.
[0123] In some embodiments, the device 400 further includes an entry presentation module configured to present a third interactive entry on the personal page in response to the first user being in a live streaming state.
[0124] In some embodiments, the device 400 further includes a second visual element presentation module configured to: in response to receiving a third operation in the interactive interface, present a fifth visual element in the interactive interface, the fifth visual element corresponding to a historical interactive event associated with a first user, the historical interactive event being determined from a set of historical interactive events associated with the first user, and the fifth interactive resource corresponding to the historical interactive event satisfying a second condition.
[0125] In some embodiments, historical interaction events are triggered by a third user, and the interaction interface also presents a second descriptive information associated with the third user.
[0126] In some embodiments, one set of candidate interactive resources is a first set of candidate interactive resources, and the device 400 further includes an interactive resource presentation module configured to: present a second set of candidate interactive resources in an interactive interface; and, in response to a fourth operation on a sixth interactive resource in the second set of candidate interactive resources, update a fifth visual element to a sixth visual element and trigger a third interactive event associated with a first user, wherein the sixth visual element is determined based on the sixth interactive resource.
[0127] In some embodiments, the first interactive event is different from the historical interactive event, the second visual element includes the first background element, the fifth visual element includes the second background element, and the first background element and the second background element have different element styles.
[0128] In some embodiments, the element style of the first background element is independent of the first interactive resource.
[0129] In some embodiments, the device 400 further includes a description information presentation module configured to present interactive description information in a second area, the interactive description information indicating whether the current user performed an interactive operation associated with the first user in multiple time periods of a historical period.
[0130] In some embodiments, the device 400 further includes a third visual element presentation module configured to present multiple visual elements in response to the selection of interactive description information, the multiple visual elements corresponding to multiple historical interactive events triggered by the current user within multiple time periods of a historical period.
[0131] In some embodiments, the apparatus 400 further includes a resource providing module configured to: provide candidate interactive resources corresponding to the third condition in a first area in response to the historical interaction information between the current user and the first user satisfying a third condition.
[0132] In some embodiments, the device 400 further includes a region update module configured to update the second region to display preset visual elements in response to a triggering condition being met at the current time.
[0133] In some embodiments, the first interactive resource includes a virtual gift, and the first interactive event includes a virtual gift-giving event associated with a first user.
[0134] The modules included in device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more modules may be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to machine-executable instructions, some or all of the units in device 400 may be implemented at least partially by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that may be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-a-chip (SoCs), complex programmable logic devices (CPLDs), and so on.
[0135] Figure 5 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 500 shown in Figure 5 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 500 shown in Figure 5 can be used to implement the electronic device 110 discussed above.
[0136] As shown in Figure 5, the electronic device 500 is in the form of a general-purpose electronic device. Components of the electronic device 500 may include, but are not limited to, one or more processing units or processors 510, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processor 510 may be a physical or virtual processor and is capable of performing various processes according to the programs stored in the memory 520. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.
[0137] Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be removable or non-removable media and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and / or data and can be accessed within electronic device 500.
[0138] Electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 5, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.
[0139] Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.
[0140] Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input / output (I / O) interface (not shown).
[0141] According to an exemplary implementation of this disclosure, a computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of this disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.
[0142] Various aspects of this disclosure are described herein with reference to flowchart illustrations and / or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer-readable program instructions.
[0143] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, they create means for implementing the functions / actions specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and / or other device to operate in a particular manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions / actions specified in one or more blocks of the flowchart and / or block diagram.
[0144] Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions / actions specified in one or more boxes of a flowchart and / or block diagram.
[0145] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.
[0146] Various implementations of this disclosure have been described above. These descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.
Claims
1. A user interface interaction method, comprising: An interactive interface associated with a first user is presented, the interactive interface including a first area and a second area, the first area presenting a set of candidate interactive resources, and the second area presenting a first visual element; as well as In response to a first operation on a first interactive resource of the set of candidate interactive resources, the first visual element in the second region is updated to a second visual element, the second visual element being determined based on the first interactive resource.
2. The method according to claim 1, further comprising: An animation is presented in the second area, the animation indicating a change from the first visual element to the second visual element.
3. The method according to any one of claims 1 to 2, further comprising: In response to a second operation on a second interactive resource in the set of candidate interactive resources, preview content is presented in the second area, the preview content including a third visual element corresponding to the second interactive resource.
4. The method according to any one of claims 1 to 3, wherein after updating the first visual element in the second region to a second visual element, the method further comprises: In response to the interactive interface being triggered, the second visual element is presented in the second area of the interactive interface.
5. The method according to any one of claims 1 to 4, wherein presenting the interactive interface associated with the first user comprises: Present the live stream interface of the first user; as well as In response to the triggering of an interactive entry point in the interactive interface, the interactive interface is presented.
6. The method according to claim 5, wherein the interactive entry point comprises: The first interactive entry point is displayed in the resource interaction panel associated with the live streaming interface; and / or The second interactive entry point is associated with the live stream screen displayed in the live stream interface.
7. The method of claim 5, wherein the interactive entry presents at least one of the following: First descriptive information associated with the current user's historical interactions; The first visual element.
8. The method according to claim 7, further comprising: In response to the first operation, update the content presented by the interactive entry point.
9. The method according to claim 5, further comprising: In response to the first operation, a first reminder message associated with the first interactive resource is displayed on the live streaming interface.
10. The method of claim 5, further comprising: A second reminder message associated with the third interactive resource is presented in the live streaming interface. The second reminder message indicates the interactive operation of the second user associated with the third interactive resource.
11. The method of claim 10, wherein presenting a second notification message associated with the third interactive resource in the live streaming interface comprises: In response to the third interactive resource satisfying a first condition, a second reminder message associated with the third interactive resource is presented in the live streaming interface, the first condition being determined based on a set of historical interactive events associated with the first user.
12. The method of claim 10, wherein the second alert message indicates at least one of the following: The identification information of the second user; The fourth visual element corresponding to the third interactive resource.
13. The method according to any one of claims 1 to 4, wherein presenting the interactive interface associated with the first user comprises: Display the first user's profile page; as well as In response to the triggering of a third interactive entry point in the personal page, the interactive interface is presented.
14. The method of claim 13, further comprising: In response to the first user being in a live streaming state, the third interactive entry point is presented on the user's personal page.
15. The method according to any one of claims 1 to 14, further comprising: In response to receiving a third operation in the interactive interface, a fifth visual element is presented in the interactive interface, the fifth visual element corresponding to a historical interaction event associated with the first user, the historical interaction event being determined from a set of historical interaction events associated with the first user, and the fifth interactive resource corresponding to the historical interaction event satisfying a second condition.
16. The method of claim 15, wherein the historical interaction event is triggered by a third user, and the interaction interface further presents second descriptive information associated with the third user.
17. The method of claim 15, wherein the set of candidate interactive resources is a first set of candidate interactive resources, and the method further comprises: The second set of candidate interactive resources is presented in the interactive interface; as well as In response to a fourth operation on the sixth interactive resource in the second group of candidate interactive resources, the fifth visual element is updated to the sixth visual element, and a third interactive event associated with the first user is triggered, wherein the sixth visual element is determined based on the sixth interactive resource.
18. The method of claim 15, wherein the second visual element includes a first background element, the fifth visual element includes a second background element, and the first background element and the second background element have different element styles.
19. The method of claim 18, wherein the element style of the first background element is independent of the first interactive resource.
20. The method according to any one of claims 1 to 19, further comprising: The second area presents interactive description information that indicates whether the current user performed an interactive operation associated with the first user during multiple time periods in the historical time period.
21. The method of claim 20, further comprising: In response to the selection of the interaction description information, multiple visual elements are presented, which correspond to multiple historical interaction events triggered by the current user within multiple time periods of the historical period.
22. The method according to any one of claims 1 to 21, further comprising: In response to the fact that the historical interaction information between the current user and the first user meets the third condition, candidate interaction resources corresponding to the third condition are provided in the first area.
23. The method according to any one of claims 1 to 22, further comprising: In response to the current time meeting the trigger condition, the second area is updated to display preset visual elements.
24. The method of any one of claims 1 to 23, wherein the first interactive resource includes a virtual gift, and the first interactive event includes a virtual gift-giving event associated with the first user.
25. A device for user interface interaction, comprising: The presentation module is configured to present an interactive interface associated with a first user, the interactive interface including a first area and a second area, the first area presenting a set of candidate interactive resources and the second area presenting a first visual element; as well as The triggering module is configured to update the first visual element in the second region to a second visual element in response to a first operation on a first interactive resource of the set of candidate interactive resources, the second visual element being determined based on the first interactive resource.
26. An electronic device, comprising: At least one processor; as well as At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 24 when executed by the at least one processor.
27. A computer-readable storage medium having stored thereon computer-executable instructions that can be executed by a processor to implement the method according to any one of claims 1 to 24.
28. A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1 to 24.