Interaction method and apparatus, and electronic device and storage medium

Abstract

Provided in the embodiments of the present disclosure are an interaction method and apparatus, and an electronic device and a storage medium. The method comprises: receiving a display operation for a first page; and displaying the first page in response to the display operation, wherein the first page comprises a preview region and an information region, the preview region is used for displaying a preview picture corresponding to a second page, the information region is used for displaying module information of at least some interaction modules corresponding to the second page, and the preview picture displayed in the preview region corresponds to module information in the information region which is in a selected state. The embodiments of the present disclosure can enrich, by using the technical solution, the content displayed in a first page.

Description

Interaction method, device, electronic device and storage medium

[0001] This application claims priority to Chinese Patent Application No. 202310723557.7 filed on June 16, 2023, and the contents of the above-mentioned Chinese patent application disclosure are hereby incorporated by reference in their entirety as a part of this application. Technical Field

[0002] The embodiments of the present disclosure particularly relate to an interaction method, device, electronic device and storage medium. Background Art

[0003] Currently, some platforms set up some activities in virtual venues for users to participate in. However, the information that users can view on the activity page is relatively limited.

[0004] Summary of the Invention

[0005] Embodiments of the present disclosure provide an interaction method, apparatus, electronic device, and storage medium.

[0006] In a first aspect, an embodiment of the present disclosure provides an interaction method, including:

[0007] receiving a display operation for the first page;

[0008] In response to the display operation, a first page is displayed, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.

[0009] In a second aspect, an embodiment of the present disclosure further provides an interactive device, including:

[0010] An operation receiving module, configured to receive a display operation for the first page;

[0011] A page display module is used to display a first page in response to the display operation, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.

[0012] In a third aspect, an embodiment of the present disclosure further provides an electronic device, including:

[0013] one or more processors;

[0014] a memory for storing one or more programs,

[0015] When the one or more programs are executed by the one or more processors, the one or more processors implement the interaction method as described in the embodiment of the present disclosure.

[0016] In a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, the interaction method as described in the embodiment of the present disclosure is implemented.

[0017] The interactive method, apparatus, electronic device, and storage medium provided by the embodiments of the present disclosure receive a display operation for a first page; in response to the display operation, the first page is displayed, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in a selected state in the information area. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] The above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale.

[0019] FIG1 is a flow chart of an interaction method provided by an embodiment of the present disclosure;

[0020] FIG2 is a schematic diagram showing a first page provided by an embodiment of the present disclosure;

[0021] FIG3 is a flow chart of another interactive method provided by an embodiment of the present disclosure;

[0022] FIG4 is a schematic diagram showing another first page provided by an embodiment of the present disclosure;

[0023] FIG5 is a structural block diagram of an interactive device provided by an embodiment of the present disclosure;

[0024] FIG6 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0025] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0026] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0027] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "based, at least in part, on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one additional embodiment," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.

[0028] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0029] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".

[0030] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0031] It is understandable that before using the technical solutions disclosed in the various embodiments of this disclosure, the type, scope of use, usage scenarios, etc. of the personal information involved in this disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0032] For example, in response to a user's active request, a prompt message is sent to the user to clearly inform the user that the operation requested will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the electronic device, application, server, storage medium, or other software or hardware that performs the operations of the disclosed technical solution based on the prompt message.

[0033] As an optional but non-limiting implementation, in response to receiving a user's active request, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. Furthermore, the pop-up window may also contain a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device.

[0034] It is understandable that the above notification and user authorization process are merely illustrative and do not limit the implementation of the present disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0035] FIG1 is a flow chart of an interactive method provided by an embodiment of the present disclosure. The method can be executed by an interactive device, wherein the device can be implemented by software and / or hardware and can be configured in an electronic device, typically, in a mobile phone or tablet computer. The interactive method provided by an embodiment of the present disclosure is applicable to a scenario in which module information and a preview screen of an interactive module corresponding to another page are displayed on a certain page, such as a scenario in which a preview screen of a virtual venue is displayed on a display page for promotional event information in a virtual venue. As shown in FIG1 , the interactive method provided by this embodiment may include:

[0036] S101: Receive a display operation for a first page.

[0037] The first page may be a display page of the interactive module. The display operation may be a trigger operation for instructing to display the first page, such as a trigger operation for instructing to switch to the first page, and the specific execution method is not limited.

[0038] In this embodiment, when the current user wants to view the interactive module or wants to interact through the interactive module, he or she can perform a display operation on the first page. Accordingly, the current application can receive the display operation performed by the current user.

[0039] S102. In response to the display operation, a first page is displayed, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in a selected state in the information area.

[0040] Specifically, when a display operation for the first page is received, the first page can be displayed, and a preview screen corresponding to the second page can be displayed in the preview area 20 of the first page, and module information 22 of at least part of the interactive module corresponding to the second page can be displayed in the information area 21 of the first page, as shown in FIG2 (the interactive module is taken as an example in the figure as a promotion activity in a virtual venue), wherein the preview screen displayed in the preview area 20 corresponds to the module information 22 in the selected state in the information area 21, that is, when the module information 22 in the selected state is stored in the information area 21, the preview screen corresponding to the module information 22 in the selected state is displayed in the preview area 20. Thus, when the current user selects a certain module information 22 displayed in the information area 21, the preview screen corresponding to the module information in the preview screen of the second page can be displayed in the preview area.

[0041] The interactive module may be a module on the first page for user interaction, and the module information of the interactive module may be relevant information about the interactive module, such as the name and / or introduction of the interactive module. Alternatively, the interactive module may be a promotional activity module, and the module information may be promotional activity information. The promotional activity module may be understood as an interactive module corresponding to a promotional activity. The promotional activity may, for example, be a promotional activity set up at a venue for user participation, and the promotional activity information may be relevant information about the promotional activity, such as the name and / or introduction of the promotional activity. The venue may be a virtual venue or a non-virtual venue.

[0042] Taking the interactive module as an example of a promotional activity module set up in a venue, the venue can be an exhibition venue, and one or more promotional activity modules can be set up in the venue. The promotional activity module can allow users to add objects to be displayed and display the added objects to be displayed. The objects to be displayed in a promotional activity module can be understood as objects added and to be displayed in the promotion activity. The objects to be displayed can be added by users, such as the current user and / or other users other than the current user. The type of objects to be displayed is not limited, for example, the objects to be displayed can be products or commodities to be displayed.

[0043] It should be noted that one or more groups of interactive modules can be displayed in the first page, the same group of interactive modules can be displayed in the same information area, different groups of interactive modules can be first displayed in different information areas, the second pages corresponding to the same group of interactive modules can be the same, and the second pages corresponding to different groups of interactive modules can be different. Taking the interactive module as the promotion activity module in the venue as an example, the first page first displays relevant information of one or more venues, each venue can have a corresponding preview area and information area, the preview area corresponding to a venue can be used to display the preview screen of the second page corresponding to the venue, and the information area corresponding to a venue can be used to display the promotion activity module of the promotion activity set in the venue. At this time, the first page can include one or more preview areas and one or more information areas, and the preview area and the information area can correspond one to one.

[0044] 2 , the first page may include at least one preview area 20 and at least one information area 21 , whereby at least a partial preview of the second page may be displayed in the preview area 20 , and module information 22 of at least a portion of the interactive module corresponding to the second page may be displayed in the information area 21 .

[0045] Exemplarily, the first page can be a page for adding an object to be displayed for display in the second page, and the second page can be a display page for the object to be displayed added in the interactive module. Taking the interactive module as the promotion activity module in the venue as an example, the first page can be a registration page for the promotion activity, i.e., a page for adding an object to be promoted (i.e., an object to be displayed) in the promotion activity, and the second page can be a display page for the promotion activity, such as the display page of the venue to which the promotion activity belongs. The display page corresponding to a certain venue (i.e., the second page) can be used to display the relevant information of the venue, such as the venue information for displaying the venue and the object information of the object to be displayed in the venue. The object information of the object to be displayed in the venue can, for example, include the object information of the object to be displayed added in each promotion activity of the venue.

[0046] The terminal on which the second page is displayed is not limited. For example, the second page can be displayed on a computer or a mobile phone. Alternatively, the second page and the first page can be displayed on the same type or different types of terminals. For example, the second page can be displayed on a mobile phone and the first page can be displayed on a computer.

[0047] Optionally, the interactive module has a corresponding page component in the second page, and the preview screen corresponding to the module information of the interactive module is the preview screen of the page component corresponding to the corresponding interactive module.

[0048] Among them, the second page may include multiple page components, and the multiple page components may include page components corresponding to the interactive module in the first page. In other words, the second page may be provided with page components corresponding to the interactive module in the first page, and the page components corresponding to different interactive modules may not be exactly the same. For example, different interactive modules may correspond to different page components in the second page, and the different page components may be located at different positions on the second page. The page component corresponding to a certain interactive module can be used to display object information of at least part of the object to be displayed added in the interactive module. The object information can be understood as relevant information of the object to be displayed, such as the picture, price, sales volume, discount or information of the store to which the object to be displayed belongs. Thus, the preview screen displayed in the preview area can be a preview screen of at least part of the page components in the second page. The specific page style of the second page is not limited.

[0049] In addition, as shown in FIG2 , when the module information 22 of a certain interactive module is displayed, an object adding control 23 may be further displayed, so that the current user can add an object to be displayed to the interactive module by triggering the object adding control 23 .

[0050] In some embodiments, after displaying the first page, the method further includes: switching the preview screen displayed in the preview area in response to a preview screen switching operation on the preview area.

[0051] Among them, the preview screen switching operation can be understood as a trigger operation for indicating the switching of the preview screen of the second page displayed in the preview area. The preview screen switching operation may include or not include a selection operation for a certain module information. For example, the preview screen switching operation can be a vertical sliding operation acting on the preview area, such as sliding the mouse wheel after moving the input indicator into the preview area, or a vertical touch sliding operation acting on the preview area, etc.

[0052] For example, when a preview screen switching operation is received for a preview area, the preview screen displayed in the preview area can be switched according to the preview screen switching operation. For example, when it is detected that the current user is swiping vertically in the preview area, the preview screen currently displayed in the preview area can be controlled to move in the direction of the user's swiping to switch the preview screen currently displayed in the preview area.

[0053] In this embodiment, the user is supported to switch to view the preview screens of different page components in the second page, thereby meeting the user's different viewing needs.

[0054] The interactive method provided in this embodiment receives a display operation for a first page; in response to the display operation, the first page is displayed, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area. By adopting the above-mentioned technical solution, when displaying the module information of the interactive module on the first page, the preview screen corresponding to the second page is displayed in a manner linked to the module information selected by the user, so that the user can quickly view the preview screens corresponding to different module information and can quickly understand and switch to the second page, which can enrich the content displayed on the first page and the display method of the preview screen, and reduce the difficulty for the user to view the preview screens corresponding to different interactive modules and switch to the second page.

[0055] FIG3 is a flow chart of another interactive method provided by an embodiment of the present disclosure. The solution in this embodiment can be combined with one or more optional solutions in the above embodiments. Optionally, after the first page is displayed, it also includes: in response to a selection operation for the target module information, adjusting the target preview screen corresponding to the target module information to the preview area for display, wherein the target preview screen is the preview screen corresponding to the second page, and the preview screens corresponding to the module information of different interactive modules are different.

[0056] Optionally, after displaying the first page, the method further includes: adjusting the first area size of the information area in response to a preset trigger operation acting in the information area, and adjusting the second area size of the preview area according to the adjusted first area size.

[0057] Accordingly, as shown in FIG3 , the interaction method provided in this embodiment may include:

[0058] S201: Receive a display operation for a first page.

[0059] S202. In response to the display operation, display the first page, and execute S203 and / or S204, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.

[0060] S203. In response to a selection operation on target module information, adjust a target preview screen corresponding to the target module information to be displayed in the preview area, wherein the target preview screen is a preview screen corresponding to the second page, and the preview screens corresponding to module information of different interactive modules are different.

[0061] Among them, the selection operation can be a trigger operation for indicating the display of a preview screen of a page component corresponding to a certain interactive module, such as a preset trigger operation for the module information of a certain interactive module. The execution method of the selection operation is not limited, such as the selection operation can be an operation for triggering the display area of ​​a certain module information. Optionally, the selection operation includes an operation of hovering the input indicator over the target module information, such as an operation event of moving the input indicator to the display area of ​​a certain module information and stopping moving in the display area for a preset time. The input indicator can be, for example, a cursor.

[0062] The target module information can be understood as the module information targeted by the selection operation, that is, the module information corresponding to the selection operation. The target preview screen can be understood as the preview screen of the second page corresponding to the target module information, such as the preview screen of the page component corresponding to the interactive module to which the target module information belongs on the second page.

[0063] In this embodiment, the module information of different interactive modules can correspond to different preview screens, such as preview screens corresponding to different areas or page components in the second page. The user can quickly view the preview screen of the page component corresponding to a certain module information in the second page by performing a selection operation, such as quickly viewing the preview screen when the object to be displayed in a certain interactive module is displayed on the second page, so that the user can quickly determine the interactive module to which the object to be displayed is added, reducing the difficulty of selecting the interactive module.

[0064] Specifically, when a selection operation for module information of a certain interactive module is received, such as when it is detected that the current user hovers the input indicator over the module information of a certain interactive module, the target preview screen corresponding to the module information can be displayed in the preview area corresponding to the information area where the module information is displayed, such as switching the preview screen displayed in the preview area until the target preview screen is adjusted to the preview area for display.

[0065] The method for switching the preview images displayed in the preview area can be flexibly set. For example, the preview images displayed in the preview area can be controlled to move based on the relative position of the page component displaying the preview image in the preview area and the page component corresponding to the interactive module on the second page, until the preview image of the page component corresponding to the interactive module (i.e., the target preview image) is moved to a preset position in the preview area for display. The preset position is not limited, for example, the preset position can be the top, bottom, or middle position of the preview area, etc.

[0066] In this embodiment, when a target preview screen in the preview screen of the second page is displayed in the preview area, the target preview screen and the preview screens other than the target preview screen in the second page may have the same or different display styles. The display style of the preview screens other than the target preview screen in the second page can be understood as the display style of the preview screens other than the target preview screen in the second page when they are displayed in the preview area. When the target preview screen is displayed in the preview area, the preview screens other than the target preview screen may not be displayed in the preview area, or at least part of the preview screens other than the target preview screen may be displayed in the preview area at the same time, depending on the size of the preview area.

[0067] In some embodiments, the target preview screen and preview screens other than the target preview screen in the second page can be displayed in different display styles to facilitate the current user to quickly determine the target preview screen. In this case, the interaction method provided in this embodiment may further include: in response to a selection operation on the target module information, displaying the target preview screen in a first display style, and displaying the preview screens other than the target preview screen in the preview area in a second display style. The first display style and the second display style can be different display styles, such as the first display style can be a highlighted display and the second display style can be a non-highlighted display.

[0068] In this embodiment, when the selection operation is completed, such as when the current user moves the input indicator out of the display area of ​​the target module information, the target preview screen can be displayed in the preview area until a preview screen switching operation for the preview area is received or a selection operation for other module information other than the target module information is received again; the preview screen displayed in the preview area before the selection operation is received this time can also be redisplayed, or the preview screen of the preset page component of the second page can be displayed. The specific settings can be made as needed.

[0069] S204: In response to a preset triggering operation performed in the information area, adjust a first area size of the information area, and adjust a second area size of the preview area according to the adjusted first area size.

[0070] The preset trigger operation can be understood as a trigger operation for instructing to adjust the area size of the information area, such as a trigger operation for instructing to increase or decrease the module information of the interactive module displayed in a certain information area. The execution method of the preset trigger operation can be flexibly set. For example, the preset trigger operation can be an operation to trigger a preset control displayed in the information area. The first area size can be understood as the size of the information area, and the second area size can be understood as the size of the preview area.

[0071] Specifically, when a preset trigger operation is received within the information region 21, the first region size of the information region 21 may be adjusted, and the second region size of the preview region 20 may be adjusted based on the adjusted first region size. For example, the first region size of the information region 21 may be increased, and the second region size of the preview region 20 may be increased or decreased based on the increased first region size; or the first region size of the information region 21 may be decreased, and the second region size of the preview region 20 may be increased or decreased based on the decreased first region size.

[0072] In this embodiment, when the first area size and the second area size are adjusted, the amount of module information displayed in the information area and / or the area of ​​the preview image displayed in the preview area may be adjusted or not adjusted.

[0073] In some embodiments, the interaction method provided in this embodiment may further include: adjusting the amount of module information displayed in the information area, and / or adjusting the area of ​​the preview screen displayed in the preview area in response to a preset trigger operation acting in the information area. For example, when the size of the first area increases, the amount of module information displayed in the information area may be increased based on the increased first area size; when the size of the first area decreases, the amount of module information displayed in the information area may be decreased based on the decreased first area size; when the size of the second area increases, the area of ​​the preview screen displayed in the preview area may be increased based on the increased second area size, i.e., more preview screens may be displayed; when the size of the second area decreases, the area of ​​the preview screen displayed in the preview area may be decreased based on the decreased second area size, i.e., fewer preview screens may be displayed.

[0074] The adjustment method of the first area size can be set as needed. For example, when increasing the first area size, the area size to which the information area needs to be increased can be determined based on the amount of module information that has not yet been displayed in the information area and the default display size of the module information, and the first area size of the information area can be increased to the area size to display all the module information to be displayed in the information area; when reducing the first area size, the area size to which the information area needs to be reduced can be determined based on the amount of module information displayed by default in the information area and the default display size of the module information, and the first area size of the information area can be reduced to the area size, that is, the first area size is restored to the original area size before the increase.

[0075] Optionally, the size of the second region is positively correlated with the size of the first region, and the area of ​​the preview image displayed in the preview region is positively correlated with the size of the second region.

[0076] For example, when it is detected that the current user triggers the preset control 24 in the information area 21 (as shown in FIG. 2 ) when the module information is not fully displayed, the height of the information area 21 can be increased, and the module information of all interactive modules to be displayed can be displayed in the increased information area 21. The height of the preview area 20 can be increased according to the increased height of the information area 21 to increase the area of ​​the preview screen displayed in the preview area 20, as shown in FIG. 4 .

[0077] In addition, after the height of the information area 21 is increased, if it is detected that the current user triggers the preset control 24 in the information area 21 again, the information area 21 can be restored to the state before the height is increased, the height of the preview area 20 is restored to the original height before the height is increased, and the number of module information displayed in the information area 21 is restored to the original number before the height is increased.

[0078] The interactive method provided in this embodiment supports users to view preview images corresponding to different module information, and supports users to view module information of different interactive modules, which can further enrich the interactive mode of the first page and meet the different viewing needs of users.

[0079] FIG5 is a block diagram of the structure of an interactive device provided by an embodiment of the present disclosure. The device can be implemented by software and / or hardware and can be configured in an electronic device, typically a mobile phone or tablet computer. It can display the module information and preview screen of the interactive module corresponding to another page in a certain page by executing the interactive method, such as displaying the preview screen of the virtual venue in the display page of the promotion event information in the virtual venue. As shown in FIG5, the interactive device provided by this embodiment may include: an operation receiving module 501 and a page display module 502, wherein,

[0080] An operation receiving module 501 is configured to receive a display operation for the first page;

[0081] The page display module 502 is used to display a first page in response to the display operation, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.

[0082] The interactive device provided by this embodiment receives a display operation for a first page through an operation receiving module; and displays the first page in response to the display operation through a page display module, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area. By adopting the above-mentioned technical solution, when displaying the module information of the interactive module on the first page, the embodiment of the present disclosure displays the preview screen corresponding to the second page in a manner linked to the module information selected by the user, so that the user can quickly view the preview screens corresponding to different module information and can quickly understand and switch to the second page, which can enrich the content displayed on the first page and the display method of the preview screen, and reduce the difficulty for the user to view the preview screens corresponding to different interactive modules and switch to the second page.

[0083] Furthermore, the interactive device provided in this embodiment may also include: a screen adjustment module, which is used to adjust the target preview screen corresponding to the target module information to the preview area for display in response to a selection operation on the target module information after the first page is displayed, wherein the target preview screen is the preview screen corresponding to the second page, and the preview screens corresponding to the module information of different interactive modules are different.

[0084] In the above solution, the screen adjustment module can also be used to: in response to a selection operation on target module information, display the target preview screen in a first display style, and display preview screens other than the target preview screen in the preview area in a second display style.

[0085] In the above scheme, the selection operation may include an operation of hovering the input indicator over the target module information; the interactive device provided in this embodiment may also include: a screen switching module, which is used to switch the preview screen displayed in the preview area in response to a preview screen switching operation for the preview area after displaying the first page.

[0086] Furthermore, the interactive device provided in this embodiment may also include: a size adjustment module, which is used to adjust the first area size of the information area in response to a preset trigger operation acting in the information area after the first page is displayed, and adjust the second area size of the preview area based on the adjusted first area size.

[0087] In the above solution, the size adjustment module can also be used to: adjust the amount of module information displayed in the information area and / or adjust the area of ​​the preview screen displayed in the preview area in response to a preset trigger operation acting in the information area.

[0088] In the above solution, the size of the second region may be positively correlated with the size of the first region, and the area of ​​the preview image displayed in the preview region may be positively correlated with the size of the second region.

[0089] In the above scheme, the interactive module may have a corresponding page component in the second page, and the preview screen corresponding to the module information of the interactive module may be a preview screen of the page component corresponding to the corresponding interactive module; the interactive module may be a promotion activity module, and the module information may be promotion activity information.

[0090] The interactive device provided in the embodiment of the present disclosure can execute the interactive method provided in any embodiment of the present disclosure, and has the functional modules and beneficial effects corresponding to the execution of the interactive method. For technical details not fully described in this embodiment, please refer to the interactive method provided in any embodiment of the present disclosure.

[0091] Reference is now made to FIG6 , which illustrates a schematic diagram of the structure of an electronic device (e.g., a terminal device) 600 suitable for implementing embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device illustrated in FIG6 is merely an example and should not limit the functionality or scope of use of the embodiments of the present disclosure.

[0092] As shown in Figure 6, the electronic device 600 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 601, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 602 or a program loaded from a storage device 608 into a random access memory (RAM) 603. Various programs and data required for the operation of the electronic device 600 are also stored in the RAM 603. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0093] Typically, the following devices may be connected to the I / O interface 605: an input device 606 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 607 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 608 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 609. The communication device 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. Although FIG. 6 shows the electronic device 600 with various devices, it should be understood that not all of the devices shown are required to be implemented or present. More or fewer devices may alternatively be implemented or present.

[0094] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 609, or installed from the storage device 608, or installed from the ROM 602. When the computer program is executed by the processing device 601, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.

[0095] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. A computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or component. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium may be transmitted using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.

[0096] In some embodiments, the client and server can communicate using any currently known or later developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or later developed network.

[0097] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0098] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device: receives a display operation for a first page; and displays the first page in response to the display operation, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.

[0099] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0100] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0101] The units involved in the embodiments described in this disclosure may be implemented in software or hardware, wherein the name of a module does not, in some cases, limit the unit itself.

[0102] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without 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), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0103] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device or equipment. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium can include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0104] According to one or more embodiments of the present disclosure, Example 1 provides an interaction method, including:

[0105] receiving a display operation for the first page;

[0106] In response to the display operation, a first page is displayed, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.

[0107] According to one or more embodiments of the present disclosure, Example 2 is the method according to Example 1, and further includes, after displaying the first page:

[0108] In response to the selection operation on the target module information, the target preview screen corresponding to the target module information is adjusted to the preview area for display, wherein the target preview screen is the preview screen corresponding to the second page, and the preview screens corresponding to the module information of different interactive modules are different.

[0109] According to one or more embodiments of the present disclosure, Example 3 is the method according to Example 2, further comprising:

[0110] In response to a selection operation on target module information, the target preview screen is displayed in a first display style, and preview screens other than the target preview screen in the preview area are displayed in a second display style.

[0111] According to one or more embodiments of the present disclosure, Example 4 is the method according to Example 2, wherein the selection operation includes hovering an input indicator over the target module information; and after displaying the first page, the method further includes:

[0112] In response to a preview screen switching operation on the preview area, the preview screen displayed in the preview area is switched.

[0113] According to one or more embodiments of the present disclosure, Example 5 is the method according to Example 1, further comprising, after displaying the first page:

[0114] In response to a preset triggering operation acting in the information area, a first area size of the information area is adjusted, and a second area size of the preview area is adjusted according to the adjusted first area size.

[0115] According to one or more embodiments of the present disclosure, Example 6 is the method according to Example 5, further comprising:

[0116] In response to a preset triggering operation acting in the information area, the amount of module information displayed in the information area is adjusted, and / or the area of ​​the preview image displayed in the preview area is adjusted.

[0117] According to one or more embodiments of the present disclosure, Example 7 is the method according to Example 6, wherein the second region size is positively correlated with the first region size, and the area of ​​the preview screen displayed in the preview region is positively correlated with the second region size.

[0118] According to one or more embodiments of the present disclosure, Example 8 is based on the method described in any one of Examples 1-7, wherein the interactive module has a corresponding page component in the second page, and the preview screen corresponding to the module information of the interactive module is the preview screen of the page component corresponding to the corresponding interactive module; the interactive module is a promotion activity module, and the module information is promotion activity information.

[0119] According to one or more embodiments of the present disclosure, Example 9 provides an interactive device, including:

[0120] An operation receiving module, configured to receive a display operation for the first page;

[0121] A page display module is used to display a first page in response to the display operation, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.

[0122] According to one or more embodiments of the present disclosure, Example 10 provides an electronic device, including:

[0123] one or more processors;

[0124] a memory for storing one or more programs,

[0125] When the one or more programs are executed by the one or more processors, the one or more processors implement the interaction method as described in any one of Examples 1-8.

[0126] According to one or more embodiments of the present disclosure, Example 11 provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the interaction method as described in any one of Examples 1-8.

[0127] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

[0128] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0129] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

1. An interactive method, comprising: receiving a display operation for the first page; as well as In response to the display operation, a first page is displayed, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in a selected state in the information area.

2. The method according to claim 1, wherein: After displaying the first page, the method further includes: In response to a selection operation on the target module information, the target preview screen corresponding to the target module information is adjusted to the preview area for display, wherein the target preview screen is the preview screen corresponding to the second page, and the preview screens corresponding to the module information of different interactive modules are different.

3. The method according to claim 2, wherein: Also includes: In response to a selection operation on target module information, the target preview screen is displayed in a first display style, and preview screens other than the target preview screen in the preview area are displayed in a second display style.

4. The method according to claim 2 or 3, wherein: The selection operation includes an operation of hovering an input indicator over the target module information; After displaying the first page, the method further includes: In response to a preview screen switching operation on the preview area, the preview screen displayed in the preview area is switched.

5. The method according to claim 4, wherein: Switching the preview screen displayed in the preview area includes: According to the relative position of the page component that displays the preview screen in the preview area and the page component corresponding to the interactive module in the second page, the preview screen displayed in the preview area is controlled to move until the preview screen of the page component corresponding to the interactive module is moved to a preset position in the preview area for display.

6. The method according to any one of claims 1 to 5, wherein: After displaying the first page, the method further includes: In response to a preset trigger operation acting in the information area, a first area size of the information area is adjusted, and a second area size of the preview area is adjusted according to the adjusted first area size.

7. The method according to claim 6, wherein: Also includes: In response to a preset trigger operation acting in the information area, the amount of module information displayed in the information area is adjusted, and / or the area of ​​the preview screen displayed in the preview area is adjusted.

8. The method according to claim 7, wherein: In response to a preset trigger operation acting in the information area, adjusting the amount of module information displayed in the information area includes: When the size of the first area increases, the amount of the module information displayed in the information area increases according to the increased size of the first area; When the size of the first region is reduced, the amount of the module information displayed in the information region is reduced according to the reduced size of the first region.

9. The method according to claim 7 or 8, wherein: In response to a preset trigger operation in the information area, the area of ​​the preview image displayed in the preview area is adjusted. , including: When the size of the second area increases, the area of ​​the preview image displayed in the preview area is increased according to the increased size of the second area; When the size of the second region is reduced, the area of ​​the preview image displayed in the preview region is reduced according to the reduced size of the second region.

10. The method according to claim 7, wherein: The size of the second region is positively correlated with the size of the first region, and the area of ​​the preview image displayed in the preview region is positively correlated with the size of the second region.

11. The method according to claim 8, further comprising: After increasing the height of the information area, if it is detected that the preset trigger operation is performed on the information area again, the information area is restored to the state before the height is increased, the height of the preview area is restored to the original height before the height is increased, and the number of module information displayed in the information area is restored to the original number before the height is increased.

12. The method according to any one of claims 1 to 11, wherein: The interactive module has a corresponding page component in the second page, and the preview screen corresponding to the module information of the interactive module is the preview screen of the page component corresponding to the corresponding interactive module; the interactive module is a promotion activity module, and the module information is promotion activity information.

13. An interactive device, characterized in that: include: An operation receiving module, used for receiving a display operation for the first page; A page display module is used to display a first page in response to the display operation, wherein the first page includes a preview area and an information area, the preview area is used to display a preview screen corresponding to the second page, and the information area is used to display module information of at least part of the interactive module corresponding to the second page, and the preview screen displayed in the preview area corresponds to the module information in a selected state in the information area.

14. An electronic device, characterized in that: include: at least one processor; as well as a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can perform the interaction method according to any one of claims 1 to 12.

15. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer instructions, and the computer instructions are used to enable a processor to implement the interactive method according to any one of claims 1 to 12 when executed.

Images