Interface interaction method, apparatus, device, and storage medium

Abstract

Embodiments of the present disclosure relate to an interface interaction method, an apparatus, a device, and a storage medium. The method provided herein comprises: displaying a first playback page for a first work in an information stream on the basis of information stream data downloaded from a server; displaying a first information display page on the basis of a first sliding operation received in the first playback page, the first information display page displaying a first group of works associated with the first work; and in response to receiving a second sliding operation in the first information display page, displaying a second playback page for a second work in the information stream, the direction of the second sliding operation being different from that of the first sliding operation. In this way, embodiments of the present disclosure can improve the efficiency of recommending works.

Description

A method, apparatus, device, and storage medium for user interface interaction Technical Field

[0001] The exemplary embodiments disclosed herein generally relate to the field of computers, and particularly to an interface interaction method, apparatus, device, and computer-readable storage medium. Background Technology

[0002] In recent years, with the development of the internet, more and more people are viewing content on online platforms. For example, people use media platforms to view various media works. However, when users view media works on traditional media platforms, the traditional interactive methods cannot conveniently and efficiently present recommended content to users.

[0003] Summary of the Invention

[0004] In a first aspect of this disclosure, a user interface interaction method is provided, comprising: displaying a first playback page of a first work in the information stream based on information stream data downloaded from a server; displaying a first information display page based on a first swipe operation received on the first playback page, the first information display page displaying a first group of works associated with the first work; and displaying a second playback page of a second work in the information stream in response to a second swipe operation received on the first information display page, the second swipe operation having a different direction than the first swipe operation.

[0005] In a second aspect of this disclosure, an apparatus for user interface interaction is provided. The apparatus includes: a first presentation module configured to display a first playback page of a first work in an information stream based on information stream data downloaded from a server; a second presentation module configured to display a first information display page based on a first swipe operation received on the first playback page, the first information display page displaying a first group of works associated with the first work; and a third presentation module configured to display a second playback page of a second work in the information stream in response to a second swipe operation received on the first information display page, the second swipe operation having a different direction than the first swipe operation.

[0006] In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. When executed by the at least one processing unit, 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 a computer program that can be executed by a processor to implement the method of the first aspect.

[0008] 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

[0009] 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:

[0010] Figure 1 shows a schematic diagram of an example environment capable of real-time implementation of some embodiments of this disclosure;

[0011] Figures 2A to 2I illustrate example interfaces according to some embodiments of the present disclosure;

[0012] Figure 3 shows a flowchart of an example process of interface interaction according to some embodiments of the present disclosure;

[0013] Figure 4 shows a schematic structural block diagram of an example device for interface interaction according to some embodiments of the present disclosure; and

[0014] Figure 5 shows a block diagram of an electronic device capable of implementing several embodiments of the present disclosure. Detailed Implementation

[0015] 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.

[0016] 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.

[0017] 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.

[0018] 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.

[0019] 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.

[0020] As briefly mentioned above, with the development of the internet, more and more people are viewing content on online platforms. For example, people use media platforms to view various media works. However, when users view media works on traditional media platforms, the traditional interactive methods cannot provide convenient and efficient content recommendations.

[0021] Embodiments of this disclosure propose a scheme for interface interaction. According to this scheme, a first playback page of a first work in the information stream can be displayed based on information stream data downloaded from a server; a first information display page can be displayed based on a first swipe operation received on the first playback page, the first information display page displaying a first group of works associated with the first work; and a second playback page of a second work in the information stream can be displayed in response to a second swipe operation received on the first information display page, the second swipe operation having a different direction than the first swipe operation.

[0022] In this way, embodiments of the present disclosure can switch to a recommended works display page associated with the first work upon receiving a user's swipe operation on the first work, and present a playback page for the second work upon receiving a further swipe operation from the user. In this way, embodiments of the present disclosure can provide recommended content to users based on their swipe operations, improving interaction efficiency and the efficiency of displaying recommended content.

[0023] Moreover, based on this approach, the embodiments of this disclosure can provide more styles to present content within the limited screen area of ​​a mobile device, enriching the types and quantity of content presented. Furthermore, by providing users with relevant content during page interaction, the embodiments of this disclosure further improve the efficiency of information acquisition.

[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 may run an application 120 that supports user interface interaction. Application 120 may be any suitable type of application for user interface interaction, and examples may include, but are not limited to, video applications, social applications, or other suitable applications. User 140 may 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 virtual scenarios 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 2I illustrate example interfaces 200A to 200I according to some embodiments of the present disclosure. Interfaces 200A to 200I may be provided, for example, by the electronic device 110 shown in Figure 1.

[0036] In some embodiments, as shown in FIG2A, the electronic device 110 may display a first playback page 200A of a first work 205 in the information stream based on information stream data downloaded from a server. The electronic device 110 may display the image content of the first work 205 (i.e., play the work) in the first playback page 200A. As an example, the information stream data may correspond to multiple works, including the first work. As an example, the type of work may be video, image / text, etc. As an example, a work may include, for example, a video or multiple images.

[0037] In some embodiments, continuing to refer to FIG2A, the electronic device 110 may, in response to the image content of the first work 205 currently displayed on the first playback page meeting preset conditions, display the first information display page 200C based on the first swipe operation.

[0038] In some embodiments, continuing to refer to FIG2A, the first work 205 may include multiple images, and the preset condition includes that the currently displayed image content is the last image among the multiple images. As an example, the preset condition that the currently displayed image content satisfies is that the currently displayed image content is the last image content in the first work 205.

[0039] In some embodiments, continuing to refer to FIG2A, the electronic device 110 can switch between different images in the first work 205 based on a fourth swipe operation. The direction of the fourth swipe operation is parallel to the direction of the first swipe operation. As an example, the electronic device 110 can move the currently displayed image content based on the received fourth swipe operation and present the previous or next image content in the first work 205.

[0040] In some embodiments, continuing to refer to FIG2A, the electronic device 110 may also display a progress indicator element 240 in the first playback page 200A. The progress indicator element 240 can be used to indicate the position of the currently displayed image content in the first work 205. As an example, as shown in FIG2A, the progress indicator element 240 may include six elements (small circles), for example, it can represent that the first work 205 includes at least five images. As an example, the electronic device 100 distinguishes the second to last element (second from the right) in the progress indicator element 240, which can represent that the currently displayed image content is the last image content in the first work 205. As an example, the last element (rightmost element) in the progress indicator element 240 is used to indicate the first information display page.

[0041] In some embodiments, as shown in FIG2B, the electronic device 110 moves the first playback page 200B based on a first swipe operation received on the first playback page 200B and displays a first information display page 200C. As an example, the direction indicated by the first arrow 206 in FIG2B can indicate the direction of movement of the first playback page 200B.

[0042] In some embodiments, continuing to refer to FIG2B, the first work 205 may be video content, and the electronic device 110 may pause or resume playing the video content while moving the first playback page 200B based on the received first swipe operation.

[0043] In some embodiments, continuing to refer to FIG2B, the electronic device 110 may, based on the received first swipe operation, pause the playback of background music or mute the background music while moving the first playback page 200B.

[0044] In some embodiments, continuing to refer to FIG2A, the electronic device 110 may present at least one interface element in the first playback page 200A.

[0045] In some embodiments, continuing to refer to FIG2A, at least one interface element may include a first interface element 230 associated with the text content of the first work. As an example, as shown in FIG2A, the first interface element 230 associated with the text content of the work may include, for example, the work title, a brief description of the work, the author's name, etc.

[0046] In some embodiments, continuing to refer to FIG2A, at least one interface element may include a second interface element 235 for interacting with the first work. As an example, the second interface element 235 may include, for example, a set of interactive controls associated with the work. As an example, a set of interactive controls may include, for example, a like control, a comment control, a favorite control, and / or a share control, etc.

[0047] In some embodiments, continuing to refer to FIG2B, the electronic device 110 may adjust the visibility of at least one interface element in the first playback page 200B based on a received interactive operation, without changing the position of at least one interface element. As an example, the electronic device 110 may adjust the transparency of the first interface element 230 (e.g., reduce transparency) based on a received first swipe operation. As an example, the electronic device 110 may stop displaying the second interface element 235 in the first playback page 200B based on a received first swipe operation (e.g., adjust the second interface element 235 to be invisible).

[0048] In some embodiments, as shown in FIG2C, the electronic device 110 may present a first information display page 200C in response to the end state of the first sliding operation satisfying a first trigger condition. As an example, as shown in FIG2B, the end state of the first sliding operation satisfying the first trigger condition may include the sliding distance in the sliding direction (e.g., the direction indicated by the first arrow 206) satisfying a first threshold when the sliding operation ends. As an example, the first threshold may be determined by related technologies, and this disclosure is not intended to limit the specific value of the first threshold.

[0049] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may update the progress indicator element 240 in response to the first information display page 200C being displayed (i.e., being fully displayed). As an example, as shown in FIG2B, the electronic device 110 distinguishes the last element (the rightmost element) in the display progress indicator element 240 to indicate that the currently displayed element is the first information display page 200C.

[0050] In some embodiments, continuing to refer to FIG2C, the first information display page displays a first group of works associated with the first work 205. As an example, the first group of works may include multiple works associated with the first work 205.

[0051] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may present a first group of works associated with the first work 205 in a first layout style on a first information display page 200C. In some embodiments, the first layout style is a multi-row layout style or a multi-column layout style.

[0052] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may, in response to receiving a selection of a third work in the first group of works, display a third playback page of the third work (refer to the first playback page in FIG2A, the only difference being that the third playback page presents a third work that is different from the first work 205).

[0053] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may switch to displaying the first playback page 200A in response to receiving a sliding operation in the first information display page 200C that is opposite to the sliding direction of the first sliding operation (e.g., the direction indicated by the first arrow 206 in FIG2B).

[0054] In some embodiments, as shown in FIG2D, the electronic device 110 may display a second information display page 200E associated with the first work 205 in response to receiving a third swipe operation on the first information display page 200C. The third swipe operation has the same direction as the first swipe operation. The swipe direction of the third swipe operation may, for example, be the direction indicated by the second arrow 207 in FIG2D.

[0055] In some embodiments, as shown in FIG2E, the electronic device 110 may present a second information display page 200E associated with the first work 205 in response to the end state of the third swipe operation satisfying a second trigger condition. As an example, as shown in FIG2D, the end state of the third swipe operation satisfying the second trigger condition may include the swipe operation ending with the swipe distance in the swipe direction (e.g., the direction indicated by the second arrow 207 in FIG2D) satisfying a second threshold. As an example, the second threshold may be determined by related technologies, and this disclosure is not intended to limit the specific value of the first threshold.

[0056] In some embodiments, the second information display page 200E may include: a details page of the first work, or a personal page of a user associated with the first work.

[0057] In some embodiments, the details page of the first work may include the complete text content of the first work, tag content, and / or comment content of the work. For example, the complete text content of the first work may include the title of the first work, the author's name, a description of the work, etc. For example, the comment content of the first work may include comments related to the work posted by other users (different from the author of the work) and the time of the comments, etc.

[0058] In some embodiments, continuing to refer to FIG2E, the user’s profile page associated with the first work may include the user’s personal introduction information associated with the first work, multiple works, and other relevant information.

[0059] In some embodiments, as shown in FIG2F, the electronic device 110 may display a second playback page associated with the second work 210 in response to receiving a second swipe operation on the first information display page. In some embodiments, the swiping direction of the second swipe operation is different from the swiping direction of the first swipe operation. As an example, the swiping direction of the second swipe operation may be, for example, the direction indicated by the third arrow 208 in FIG2F.

[0060] In some embodiments, continuing to refer to FIG2F, the electronic device 110 may display a transition animation from the first information display page to the second playback page in response to receiving a second swipe operation on the first information display page. The transition animation may include increasing a first display ratio of the second playback page and decreasing a second display ratio of the first information display page based on the second swipe operation. Further, the electronic device 110 may present a second playback page associated with the second work 210 in response to the end of the transition animation.

[0061] In some embodiments, continuing to refer to FIG2F, the second playback page may be the playback page corresponding to the second work 210 in the information stream. As an example, the electronic device 110 may present the second work 210 in the second playback page. As an example, the second playback page may have the same layout style as the first playback page.

[0062] In some embodiments, as shown in FIG2G, the electronic device 110 may display an interactive guidance element 215 on the first information display page 200G in response to no operation being received on the first information display page 200G within a preset time. The interactive guidance element 215 is associated with an interactive operation of a target type supported by the first information display page 200G. As an example, the interactive guidance element 215 may guide the user to perform an interactive operation supported by the first information display page 200G. As an example, the target type may correspond to different swiping directions or interactive entry points that support interactive operations.

[0063] In some embodiments, continuing to refer to FIG2G, the interactive guidance element 215 can guide the user to perform a swiping operation in the direction indicated by the interactive instruction element 215, so as to switch to the second playback page corresponding to the second work 210 in the information stream.

[0064] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may display a third information display page in response to a triggering of an access point in the first information display page 200C. The third information display page may display a second group of works associated with the first work.

[0065] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may provide a first entry 220 in a first information display page 200C.

[0066] In some embodiments, as shown in FIG2H, the electronic device 110 may display a third information display page 200H in response to receiving a trigger on the first entry 220 in the first information display page 200C. As an example, the electronic device 110 may display a second group of works associated with the first work 205 in the third information display page 200H. As an example, the second group of works may include multiple second recommended works.

[0067] In some embodiments, continuing to refer to FIG2H, the second layout style of the second group of works in the third information display page 200H is the same as the first layout style of the first group of works in the first information display page 200C. As an example, the second layout style can be a multi-row layout style or a multi-column layout style.

[0068] In some embodiments, continuing to refer to FIG2H, the first group of works can be a subset of the second group of works. As an example, the second group of works may include all or some of the works in the first group.

[0069] In some embodiments, continuing to refer to FIG2C, the electronic device 110 may provide a second entry 225 in the first information display page 200C.

[0070] In some embodiments, as shown in FIG2I, the electronic device 110 may display a third information display page 200I in response to receiving a trigger on the second entry 225 in the first information display page 200C. As an example, the electronic device 110 may display a third group of works associated with the first work 205 in the third information display page 200I. As an example, the third group of works may include multiple third recommended works. In some embodiments, as shown in FIG2I, the third layout style of the third group of works in the third information display page 200I is the same as the first layout style of the first group of works in the first information display page 200C. As an example, the third layout style may be a multi-row layout style or a multi-column layout style.

[0071] Based on the process described above, embodiments of this disclosure can, upon receiving a user's first swipe operation, present a first information display page containing multiple recommended works associated with the work. Furthermore, embodiments of this disclosure can, based on a second swipe operation received on the first information display page, present a playback page for a second work or a second information display page associated with the first work.

[0072] Furthermore, the embodiments of this disclosure can provide more styles to present content within the limited screen area of ​​a mobile device, enriching the types and quantity of content presented. In addition, by providing users with relevant content during page interaction, the embodiments of this disclosure further improve the efficiency of information acquisition.

[0073] In this way, this disclosure can conveniently display recommended content based on user actions and guide users to switch to the corresponding interface. Furthermore, this disclosure can improve the display efficiency of work details pages or user profile pages and enhance the user's interactive experience.

[0074] Example process

[0075] Figure 3 illustrates a flowchart of an example process 400 of 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.

[0076] As shown in the figure, in box 310, electronic device 110 displays the first playback page of the first work in the information stream based on the information stream data downloaded from the server.

[0077] In frame 320, electronic device 110 displays a first information display page based on a first swipe operation received in the first playback page. The first information display page displays a first group of works associated with the first work.

[0078] In frame 330, electronic device 110 responds to receiving a second swipe operation in the first information display page and displays a second playback page of the second work in the information stream, the second swipe operation having a different direction than the first swipe operation.

[0079] In some embodiments, process 300 further includes: in response to receiving a third swipe operation in the first information display page, displaying a second information display page associated with the first work, wherein the third swipe operation is in the same direction as the first swipe operation.

[0080] In some embodiments, the second information display page includes: the details page of the first work, or the personal page of the user associated with the first work.

[0081] In some embodiments, process 300 further includes: in response to triggering an access entry in the first information display page, displaying a third information display page, the third information display page displaying a second group of works associated with the first work.

[0082] In some embodiments, the first layout style of the second group of works on the third information display page is the same as the second layout style of the first group of works on the first information display page.

[0083] In some embodiments, the first layout style and the second layout style are multi-row layout styles or multi-column layout styles.

[0084] In some embodiments, the first group of works is a subset of the second group of works.

[0085] In some embodiments, process 300 further includes: in response to no operation being received for the first information display page within a preset time, displaying an interactive guidance element in the first information display page, the interactive guidance element being associated with an interactive operation of a target type supported by the first information display page.

[0086] In some embodiments, displaying the first information display page includes: in response to the image content of the first work currently displayed in the first playback page satisfying preset conditions, displaying the first information display page based on a first swipe operation.

[0087] In some embodiments, the first work includes multiple images, and the preset condition includes that the currently displayed image content is the last image among the multiple images.

[0088] In some embodiments, the direction of the first sliding operation is parallel to the direction of the fourth sliding operation, and the fourth sliding operation is used to switch between displaying different images of the first work.

[0089] In some embodiments, the first playback page displays a progress indicator element, which is used to indicate the position of the image content currently displayed on the first playback page in the first work. The method further includes updating the progress indicator element in response to the first information display page being displayed.

[0090] In some embodiments, process 300 further includes: in response to receiving a selection of a third work from the first group of works, displaying a third playback page for the third work.

[0091] In some embodiments, in response to receiving a second swipe operation in a first information display page, displaying a second playback page of a second work in the information stream includes: displaying a transition animation from the first information display page to the second playback page, the transition animation including increasing a first display ratio of the second playback page and decreasing a second display ratio of the first information display page based on the second swipe operation.

[0092] Example devices and equipment

[0093] 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 an electronic device. The various modules / components in apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0094] As shown in Figure 4, the device 400 includes a first presentation module 410 configured to display a first playback page of a first work in the information stream based on information stream data downloaded from a server; a second presentation module 420 configured to display a first information display page based on a first swipe operation received in the first playback page, the first information display page displaying a first group of works associated with the first work; and a third presentation module 430 configured to display a second playback page of a second work in the information stream in response to a second swipe operation received in the first information display page, the second swipe operation having a different direction than the first swipe operation.

[0095] In some embodiments, the device 400 further includes a fourth presentation module, which is configured to display a second information display page associated with the first work in response to receiving a third swipe operation in the first information display page, wherein the third swipe operation is in the same direction as the first swipe operation.

[0096] In some embodiments, the second information display page includes: the details page of the first work, or the personal page of the user associated with the first work.

[0097] In some embodiments, the device 400 further includes an access module configured to display a third information display page in response to a triggering of an access entry in the first information display page. The third information display page displays a second group of works associated with the first work.

[0098] In some embodiments, the first layout style of the second group of works on the third information display page is the same as the second layout style of the first group of works on the first information display page.

[0099] In some embodiments, the first layout style and the second layout style are multi-row layout styles or multi-column layout styles.

[0100] In some embodiments, the first group of works is a subset of the second group of works.

[0101] In some embodiments, the device 400 further includes an interaction module configured to: in response to no operation being received for the first information display page within a preset time, display an interaction guidance element in the first information display page, the interaction guidance element being associated with an interaction operation of a target type supported by the first information display page.

[0102] In some embodiments, the first presentation module 410 is further configured to: in response to the image content of the first work currently displayed on the first playback page meeting preset conditions, display a first information display page based on a first swipe operation.

[0103] In some embodiments, the first work includes multiple images, and the preset condition includes that the currently displayed image content is the last image among the multiple images.

[0104] In some embodiments, the direction of the first sliding operation is parallel to that of the fourth sliding operation, which is used to switch between displaying different images of the first work.

[0105] In some embodiments, the first playback page displays a progress indicator element, which is used to indicate the position of the image content currently displayed on the first playback page in the first work. The device 400 also includes an update module, which is configured to update the progress indicator element in response to the first information display page being displayed.

[0106] In some embodiments, the device 400 further includes a fifth presentation module configured to display a third playback page of the third work in response to receiving a selection of a third work from the first group of works.

[0107] In some embodiments, the third presentation module 430 is further configured to display a transition animation from the first information display page to the second playback page, the transition animation including increasing the first display ratio of the second playback page and decreasing the second display ratio of the first information display page based on a second swipe operation.

[0108] Figure 5 illustrates 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 be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 500 shown in Figure 5 can be used in electronic devices.

[0109] 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 processors or processing units 510, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 550. The processing unit 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in the memory 520. In a multiprocessor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0110] 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.

[0111] 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.

[0112] 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.

[0113] 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).

[0114] 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.

[0115] 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.

[0116] 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.

[0117] 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.

[0118] 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.

[0119] 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: Based on the information stream data downloaded from the server, display the first playback page of the first work in the information stream; Based on the first swipe operation received on the first playback page, a first information display page is displayed, which displays a first group of works associated with the first work; as well as In response to receiving a second swipe operation on the first information display page, a second playback page of the second work in the information stream is displayed, wherein the second swipe operation is in a different direction than the first swipe operation.

2. The method according to claim 1, further comprising: In response to receiving a third swipe operation on the first information display page, a second information display page associated with the first work is displayed, wherein the third swipe operation is in the same direction as the first swipe operation.

3. The method according to claim 1, wherein the second information display page comprises: The details page of the first work, or The user's profile page associated with the first work.

4. The method according to claim 1, further comprising: In response to the triggering of the access entry in the first information display page, a third information display page is displayed, which displays a second group of works associated with the first work.

5. The method according to claim 4, wherein the first layout style of the second group of works in the third information display page is the same as the second layout style of the first group of works in the first information display page.

6. The method according to claim 5, wherein the first layout style and the second layout style are multi-row layout styles or multi-column layout styles.

7. The method according to claim 4, wherein the first group of works is a subset of the second group of works.

8. The method according to claim 1, further comprising: In response to no operation being received for the first information display page within a preset time, an interactive guidance element is displayed on the first information display page, the interactive guidance element being associated with an interactive operation of the target type supported by the first information display page.

9. The method according to claim 1, wherein displaying the first information display page comprises: In response to the image content of the first work currently displayed on the first playback page meeting preset conditions, the first information display page is displayed based on the first swipe operation.

10. The method of claim 9, wherein the first work comprises a plurality of images, and the preset condition includes that the currently displayed image content is the last image among the plurality of images.

11. The method according to claim 10, wherein the direction of the first sliding operation is parallel to the fourth sliding operation, and the fourth sliding operation is used to switch between displaying different images of the first work.

12. The method of claim 10, wherein the first playback page displays a progress indicator element, the progress indicator element being used to indicate the position of the currently displayed image content on the first playback page within the first work, the method further comprising: In response to the first information display page being displayed, the progress indicator element is updated.

13. The method according to claim 1, further comprising: In response to receiving a selection of a third work from the first group of works, a third playback page for the third work is displayed.

14. The method of claim 1, wherein displaying a second playback page of the second work in the information stream in response to receiving a second swipe operation in the first information display page comprises: Display a transition animation from the first information display page to the second playback page, the transition animation including increasing the first display ratio of the second playback page and decreasing the second display ratio of the first information display page based on the second swipe operation.

15. A device for interface interaction, comprising: The first presentation module is configured to display the first playback page of the first work in the information stream based on the information stream data downloaded from the server. The second presentation module is configured to display a first information display page based on a first swipe operation received in the first playback page, wherein the first information display page displays a first group of works associated with the first work; as well as The third presentation module is configured to display a second playback page of the second work in the information stream in response to receiving a second swipe operation in the first information display page, wherein the second swipe operation is in a different direction than the first swipe operation.

16. An electronic device comprising: At least one processing unit; as well as At least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions causing the electronic device to perform the method according to any one of claims 1 to 14 when executed by the at least one processing unit.

17. A computer-readable storage medium having a computer program stored thereon, the computer program being executable by a processor to implement the method according to any one of claims 1 to 14.

Images