WO2024255850A1 - 交互方法、装置、电子设备和存储介质 - Google Patents
交互方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- WO2024255850A1 WO2024255850A1 PCT/CN2024/099230 CN2024099230W WO2024255850A1 WO 2024255850 A1 WO2024255850 A1 WO 2024255850A1 CN 2024099230 W CN2024099230 W CN 2024099230W WO 2024255850 A1 WO2024255850 A1 WO 2024255850A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- area
- preview
- page
- information
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Ceased
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional [3D], e.g. changing the user viewpoint with respect to the environment or object
Definitions
- the embodiments of the present disclosure particularly relate to an interaction method, device, electronic device and storage medium.
- some activities are set up in virtual venues for users to participate in.
- the information that users can view on the activity page is relatively simple.
- Embodiments of the present disclosure provide an interaction method, device, electronic device, and storage medium.
- an embodiment of the present disclosure provides an interaction method, including:
- 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.
- the present disclosure also provides an interactive device, including:
- 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.
- an embodiment of the present disclosure further provides an electronic device, including:
- processors one or more processors
- a memory for storing one or more programs
- the one or more processors 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.
- 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.
- the interactive method, device, 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.
- FIG1 is a schematic diagram of a flow chart of an interaction method provided by an embodiment of the present disclosure
- FIG2 is a schematic diagram showing a first page provided by an embodiment of the present disclosure
- FIG3 is a flow chart of another interactive method provided by an embodiment of the present disclosure.
- FIG4 is a schematic diagram showing another first page provided by an embodiment of the present disclosure.
- FIG5 is a structural block diagram of an interactive device provided by an embodiment of the present disclosure.
- FIG. 6 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure.
- a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information.
- the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.
- the prompt information in response to receiving an active request from the user, 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.
- the pop-up window may also carry a selection control for the user to choose "agree” or “disagree” to provide personal information to the electronic device.
- FIG1 is a flow chart of an interactive method provided by an embodiment of the present disclosure.
- the interactive device is executed, wherein the device can be implemented by software and/or hardware and can be configured in an electronic device, typically, a mobile phone or a tablet computer.
- the interactive method provided by the embodiment of the present disclosure is applicable to a scenario in which the module information and preview screen of the interactive module corresponding to another page are displayed in a certain page, such as a scenario in which a preview screen of a virtual venue is displayed in a display page for promotional activity information in a virtual venue.
- the interactive method provided by the embodiment may include:
- S101 Receive a display operation for a first page.
- the first page may be a display page of the interactive module.
- the display operation may be a trigger operation for indicating display of the first page, such as a trigger operation for indicating switching to enter the first page, and the specific execution method thereof is not limited.
- the current user when the current user wants to view the interactive module or wants to interact through the interactive module, he can perform a display operation on the first page.
- the current application can receive the display operation performed by the current user.
- 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.
- the first page 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 FIG. 2 (the interactive module is taken as an example of a promotion activity in a virtual venue in the figure), 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.
- the preview screen corresponding to the module information in the preview screen of the second page can be displayed in the preview area.
- the interactive module may be a module in the first page for users to interact with, and the module information of the interactive module may be relevant information of the interactive module, such as the name and/or introduction of the interactive module.
- the interactive module is a promotion activity module, and the module information is promotion activity information.
- the promotion activity module may be understood as an interactive module corresponding to a promotion activity.
- the promotion activity may be, for example, A promotional activity set up in a venue for users to participate in.
- the promotional activity information may be relevant information of the promotional activity, such as the name and/or introduction of the promotional activity, etc.
- the venue may be a virtual venue or a non-virtual venue.
- the venue can be a display venue, and one or more promotion activity modules can be set in the venue.
- the promotion activity module can be used for users to add objects to be displayed, so as to display the added objects to be displayed.
- the objects to be displayed in a certain promotion 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, and the users can include, for example, the current user and/or other users except the current user.
- the type of the object to be displayed is not limited, for example, the object to be displayed can be a product or commodity to be displayed.
- one or more groups of interactive modules may be displayed in the first page, the same group of interactive modules may be displayed in the same information area, different groups of interactive modules may be first displayed in different information areas, the second pages corresponding to the same group of interactive modules may be the same, and the second pages corresponding to different groups of interactive modules may be different.
- the interactive module as a promotion activity module in a venue the first page first displays relevant information of one or more venues, each venue may have a corresponding preview area and information area, the preview area corresponding to a venue may be used to display the preview screen of the second page corresponding to the venue, and the information area corresponding to a venue may be used to display the promotion activity module of the promotion activity set in the venue.
- the first page may include one or more preview areas and one or more information areas, and the preview area and the information area may correspond one to one.
- the first page may include at least one preview area 20 and at least one information area 21, so that at least a partial preview screen of the second page can 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 can be displayed in the information area 21.
- the first page may be a page for adding objects to be displayed for display in the second page
- the second page may be a display page for the objects to be displayed added in the interactive module.
- the interactive module as a promotion activity module in a venue
- the first page may be a registration page for the promotion activity, that is, a page for adding objects to be promoted (i.e., objects to be displayed) in the promotion activity
- the second page may 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 venue i.e., the second page
- Objects to be displayed in the venue The object information of the object may include, for example, the object information of the objects to be displayed added in various promotional activities of the venue.
- the terminal on which the second page is displayed is not limited.
- the second page can be displayed on a computer or a mobile phone.
- the second page and the first page can be displayed on the same type or different types of terminals.
- the second page can be displayed on a mobile phone and the first page can be displayed on a computer.
- 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 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.
- 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 completely the same, such as 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 the object information of at least part of the objects to be displayed added in the interactive module, and the object information can be understood as the relevant information of the objects to be displayed, such as the picture, price, sales volume, discount of the objects to be displayed, or the information of the store to which the objects to be displayed belong.
- 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.
- 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 .
- the method further includes: in response to a preview screen switching operation on the preview area, switching the preview screen displayed in the preview area.
- 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.
- 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, and so on.
- the The preview screen switching operation switches the preview screen displayed in the preview area.
- the preview screen currently displayed in the preview area can be controlled to move along the sliding direction of the user to switch the preview screen currently displayed in the preview area.
- the user is supported to switch to view the preview screens of different page components in the second page, thereby meeting the different viewing needs of the user.
- 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.
- This embodiment adopts 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 in 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.
- 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.
- the first page 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.
- the method further includes: adjusting a first area size of the information area in response to a preset trigger operation acting in the information area, and adjusting a second area size of the preview area according to the adjusted first area size.
- the interaction method provided in this embodiment may include:
- S201 Receive a display operation for a first page.
- 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
- the information area is used to display at least a portion of the second page corresponding to the preview screen.
- the module information of the interactive module, the preview screen displayed in the preview area corresponds to the module information in the selected state in the information area.
- a target preview screen corresponding to the target module information is adjusted 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.
- 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 a display area of a certain module information.
- the selection operation includes an operation of hovering an input indicator over the target module information, such as an operation event of moving the input indicator to a 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.
- 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 in the second page.
- the module information of different interaction 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 interaction module is displayed on the second page, so that the user can quickly determine the interaction module to which the object to be displayed is added, thereby reducing the difficulty of selecting the interaction 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.
- the method of switching the preview screen displayed in the preview area can be flexibly set.
- the preview screen displayed in the preview area can be controlled to move according to the relative position of the page component displaying the preview screen in the preview area and the page component corresponding to the interactive module in the second page, until the preview screen of the page component corresponding to the interactive module (i.e., the target preview screen) is moved to the target page component.
- the preset position of the preview area is displayed.
- the preset position is not limited, for example, the preset position can be the top position, bottom position or middle position of the preview area, etc.
- 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 may 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.
- 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.
- the interaction method provided in this embodiment may also include: in response to the selection operation for the target module information, displaying the target preview screen as a first display style, and displaying the preview screens other than the target preview screen in the preview area as a second display style.
- the first display style and the second display style may be different display styles, such as the first display style may be a highlighted display, and the second display style may be a non-highlighted display.
- the target preview screen 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 is received for the preview area 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, which can be set as needed.
- S204 In response to a preset trigger operation acting 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.
- the preset trigger operation can be understood as a trigger operation for indicating adjustment of the area size of the information area, such as a trigger operation for indicating increase or decrease of the module information of the interactive module displayed in a certain information area.
- the execution mode of the preset trigger operation can be flexibly set.
- the preset trigger operation can be an operation of a preset control displayed in the trigger information area.
- the first area size can be understood as 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.
- the first area size of the information area 21 can be adjusted, and the second area size of the preview area 20 can be adjusted according to the adjusted first area size.
- the first area size of the information area 21 can be increased, and the second area size of the preview area 20 can be increased or reduced according to the increased first area size; or the first area size of the information area 21 can be reduced, and the second area size of the preview area 20 can be increased or reduced according to the reduced first area size.
- the amount of module information displayed in the information area and/or the area of the preview screen displayed in the preview area may be adjusted or not adjusted.
- the interaction method provided in this embodiment may further include: in response to a preset trigger operation acting in the information area, 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. For example, when the size of the first area increases, the amount of module information displayed in the information area may be increased according to 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 reduced according to the reduced 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 according to the increased second area size, that is, 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 reduced according to the reduced second area size, that is, fewer preview screens may be displayed.
- 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.
- the size of the second region is positively correlated with the size of the first region
- the area of the preview image displayed in the preview region is positively correlated with the size of the second region
- the information area 21 is triggered.
- the preset control 24 (as shown in FIG. 2 ) is displayed in the information area 21, the height of the information area 21 can be increased, and the module information of all the interactive modules to be displayed can be displayed in the information area 21 after the height is increased.
- 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 .
- 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.
- the interactive method provided in this embodiment supports users to view preview screens 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.
- FIG5 is a block diagram 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 a tablet computer, and can display module information and preview images of an interactive module corresponding to another page in a certain page by executing an interactive method, such as displaying a preview image of a virtual venue in a display page for promotional activity information in a virtual venue.
- the interactive device provided by this embodiment may include: an operation receiving module 501 and a page display module 502, wherein:
- An operation receiving module 501 is used to receive a display operation for the first page
- 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.
- the interactive device 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.
- the preview screen corresponding to the second page is displayed in a manner linked to the module information selected by the user, so that Users 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 users to view the preview screens corresponding to different interactive modules and switch to the second page.
- 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 after the first page is displayed, in response to a selection operation on the target module information, 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.
- 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 after the first page is displayed, in response to a selection operation on the target module information, 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.
- the picture adjustment module can also be used to: in response to a selection operation on target module information, display the target preview picture in a first display style, and display preview pictures other than the target preview picture in the preview area in a second display style.
- 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.
- 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 according to the adjusted first area size.
- 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 according to the adjusted first area size.
- the size adjustment module can also be used to: adjust the amount of module information displayed in the information area in response to a preset trigger operation acting in the information area, and/or adjust the area of the preview screen displayed in the preview area.
- 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.
- 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.
- 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 corresponding functional modules and beneficial effects of executing the interactive method.
- the interaction method provided in any embodiment of the present disclosure please refer to the interaction method provided in any embodiment of the present disclosure.
- FIG6 shows a schematic diagram of the structure of an electronic device (e.g., terminal device) 600 suitable for implementing the 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), vehicle-mounted terminals (e.g., vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc.
- the electronic device shown in FIG6 is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.
- 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 to a random access memory (RAM) 603.
- a processing device e.g., a central processing unit, a graphics processing unit, etc.
- RAM random access memory
- various programs and data required for the operation of the electronic device 600 are also stored.
- 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.
- the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 607 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; storage devices 608 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 609.
- the communication device 609 may allow the electronic device 600 to communicate wirelessly or wired with other devices to exchange data.
- FIG. 6 shows an electronic device 600 with various devices, it should be understood that it is not required to implement or have all the devices shown. More or fewer devices may be implemented or have alternatively.
- 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 contains program code for executing the method shown in the flowchart.
- the computer program can be downloaded and installed from a network through a communication device 609, or installed from a storage device 608, or installed from a ROM 602.
- the processing device 601 the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.
- the computer-readable medium of the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the two.
- the substance may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination thereof.
- 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 thereof.
- a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in conjunction with an instruction execution system, device or device.
- a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof.
- a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, device, or device.
- the program code embodied on the computer readable medium may be transmitted using any appropriate medium, including but not limited to: wire, optical cable, RF (radio frequency), etc., or any suitable combination of the foregoing.
- the client and server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network).
- HTTP HyperText Transfer Protocol
- 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 future developed network.
- the computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.
- the computer-readable medium carries one or more programs.
- 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.
- 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 separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server.
- 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).
- LAN local area network
- WAN wide area network
- Internet service provider e.g., AT&T, MCI, Sprint, EarthLink, MSN, GTE, etc.
- each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function.
- the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square 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.
- each square box in the block diagram and/or flow chart, and the combination of the square boxes in the block diagram and/or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
- the units involved in the embodiments described in the present disclosure may be implemented by software or hardware, wherein the name of a module does not, in some cases, constitute a limitation on the unit itself.
- exemplary types of hardware logic components include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
- FPGAs field programmable gate arrays
- ASICs application specific integrated circuits
- ASSPs application specific standard products
- SOCs systems on chips
- CPLDs complex programmable logic devices
- a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device.
- a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
- a machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or any other medium.
- machine-readable storage media would include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
- RAM random access memory
- ROM read-only memory
- EPROM or flash memory erasable programmable read-only memory
- CD-ROM compact disk read-only memory
- magnetic storage devices or any suitable combination of the above.
- Example 1 provides an interaction method, including:
- 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.
- Example 2 is a method according to Example 1, and after displaying the first page, further includes:
- 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.
- Example 3 is the method according to Example 2, further comprising:
- 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.
- Example 4 is the method according to Example 2, wherein the selection operation includes hovering the input indicator over the target module information; after the displaying of the first page, the method further includes:
- the preview screen displayed in the preview area is switched.
- Example 5 is a method according to Example 1, and after displaying the first page, further includes:
- Example 6 is the method according to Example 5, further comprising:
- 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.
- Example 7 is based on the method described in 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.
- 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.
- Example 9 provides an interaction device, including:
- 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.
- Example 10 provides an electronic device, including:
- processors one or more processors
- a memory for storing one or more programs
- the one or more processors 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.
- 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.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
Claims (15)
- 一种交互方法,包括:接收针对第一页面的显示操作;以及响应于所述显示操作,显示第一页面,其中,所述第一页面中包括预览区域和信息区域,所述预览区域用于展示第二页面对应的预览画面,所述信息区域用于展示所述第二页面对应的至少部分交互模块的模块信息,所述预览区域中所展示的预览画面与所述信息区域中处于选中状态的模块信息对应。
- 根据权利要求1所述的方法,其中,在所述显示第一页面之后,还包括:响应于针对目标模块信息的选择操作,将所述目标模块信息对应的目标预览画面调整至所述预览区域内进行展示,其中,所述目标预览画面为所述第二页面对应的预览画面,不同交互模块的模块信息对应的预览画面不相同。
- 根据权利要求2所述的方法,其中,还包括:响应于针对目标模块信息的选择操作,将所述目标预览画面展示为第一展示样式,并将所述预览区域中除所述目标预览画面之外的预览画面展示为第二展示样式。
- 根据权利要求2或3所述的方法,其中,所述选择操作包括将输入指示符悬停于所述目标模块信息的操作;在所述显示第一页面之后,还包括:响应于针对所述预览区域的预览画面切换操作,切换所述预览区域中所展示的预览画面。
- 根据权利要求4所述的方法,其中,切换所述预览区域中所展示的预览画面,包括:依据所述预览区域中展示所述预览画面的页面组件与所述交互模块所对应的页面组件在所述第二页面中的相对位置,控制所述预览区域中所展示的所述预览画面进行移动,直至将所述交互模块所对应的所述页面组件的所述预览画面移动到所述预览区域的预设位置进行展示。
- 根据权利要求1-5任一项所述的方法,其中,在所述显示第一页面之 后,还包括:响应于作用在所述信息区域内的预设触发操作,调整所述信息区域的第一区域尺寸,并依据调整后的第一区域尺寸调整所述预览区域的第二区域尺寸。
- 根据权利要求6所述的方法,其中,还包括:响应于作用在所述信息区域内的预设触发操作,调整所述信息区域中所展示的模块信息的数量,和/或,调整所述预览区域中所展示预览画面的面积。
- 根据权利要求7所述的方法,其中,响应于作用在所述信息区域内的预设触发操作,调整所述信息区域中所展示的模块信息的数量,包括:当所述第一区域尺寸增大时,依据增大后的第一区域尺寸增多所述信息区域中所展示的所述模块信息的数量;当所述第一区域尺寸缩小时,依据缩小后的第一区域尺寸减少所述信息区域中所展示的所述模块信息的数量。
- 根据权利要求7或8所述的方法,其中,响应于作用在所述信息区域内的预设触发操作,调整所述预览区域中所展示预览画面的面积。,包括:当所述第二区域尺寸增大时,依据增大后的第二区域尺寸增加所述预览区域中所展示预览画面的面积;当所述第二区域尺寸缩小时,依据缩小后的第二区域尺寸减小所述预览区域中所展示预览画面的面积。
- 根据权利要求7所述的方法,其中,所述第二区域尺寸与所述第一区域尺寸正相关,所述预览区域中所展示预览画面的面积与所述第二区域尺寸正相关。
- 根据权利要求8所述的方法,还包括:在增大所述信息区域的高度之后,若检测到再次对所述信息区域进行所述预设触发操作,将所述信息区域还原为未增大高度之前的状态,所述预览区域的高度还原为增大高度之前的原始高度,并将所述信息区域中所展示的模块信息的数量还原为增大高度之前的原始数量。
- 根据权利要求1-11任一项所述的方法,其中,所述交互模块在所述第二页面中存在对应的页面组件,所述交互模块的模块信息对应的预览画面为相应交互模块所对应页面组件的预览画面;所述交互模块为推广活动模块, 所述模块信息为推广活动信息。
- 一种交互装置,其特征在于,包括:操作接收模块,用于接收针对第一页面的显示操作;页面显示模块,用于响应于所述显示操作,显示第一页面,其中,所述第一页面中包括预览区域和信息区域,所述预览区域用于展示第二页面对应的预览画面,所述信息区域用于展示所述第二页面对应的至少部分交互模块的模块信息,所述预览区域中所展示的预览画面与所述信息区域中处于选中状态的模块信息对应。
- 一种电子设备,其特征在于,包括:至少一个处理器;以及与所述至少一个处理器通信连接的存储器;其中,所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-12中任一项所述的交互方法。
- 一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-12中任一项所述的交互方法。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310723557.7 | 2023-06-16 | ||
| CN202310723557.7A CN119148903A (zh) | 2023-06-16 | 2023-06-16 | 交互方法、装置、电子设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2024255850A1 true WO2024255850A1 (zh) | 2024-12-19 |
Family
ID=93806353
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2024/099230 Ceased WO2024255850A1 (zh) | 2023-06-16 | 2024-06-14 | 交互方法、装置、电子设备和存储介质 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN119148903A (zh) |
| WO (1) | WO2024255850A1 (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN120692143A (zh) * | 2025-08-11 | 2025-09-23 | 北京字跳网络技术有限公司 | 一种告警分析方法、装置、设备及介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110055691A1 (en) * | 2009-08-26 | 2011-03-03 | Apple Inc. | Previewing different types of documents |
| CN115022696A (zh) * | 2022-04-18 | 2022-09-06 | 北京有竹居网络技术有限公司 | 视频预览方法、装置、可读介质及电子设备 |
| CN115629682A (zh) * | 2022-10-11 | 2023-01-20 | 北京字跳网络技术有限公司 | 设置页面的显示方方法、装置、电子设备和存储介质 |
| CN115767256A (zh) * | 2021-09-03 | 2023-03-07 | 北京字跳网络技术有限公司 | 拍摄方法、装置、电子设备和存储介质 |
| CN115830224A (zh) * | 2022-11-15 | 2023-03-21 | 北京字跳网络技术有限公司 | 多媒体数据的编辑方法、装置、电子设备及存储介质 |
-
2023
- 2023-06-16 CN CN202310723557.7A patent/CN119148903A/zh active Pending
-
2024
- 2024-06-14 WO PCT/CN2024/099230 patent/WO2024255850A1/zh not_active Ceased
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110055691A1 (en) * | 2009-08-26 | 2011-03-03 | Apple Inc. | Previewing different types of documents |
| CN115767256A (zh) * | 2021-09-03 | 2023-03-07 | 北京字跳网络技术有限公司 | 拍摄方法、装置、电子设备和存储介质 |
| CN115022696A (zh) * | 2022-04-18 | 2022-09-06 | 北京有竹居网络技术有限公司 | 视频预览方法、装置、可读介质及电子设备 |
| CN115629682A (zh) * | 2022-10-11 | 2023-01-20 | 北京字跳网络技术有限公司 | 设置页面的显示方方法、装置、电子设备和存储介质 |
| CN115830224A (zh) * | 2022-11-15 | 2023-03-21 | 北京字跳网络技术有限公司 | 多媒体数据的编辑方法、装置、电子设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN119148903A (zh) | 2024-12-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114629882B (zh) | 信息展示方法、装置、电子设备、存储介质和程序产品 | |
| JP7776094B2 (ja) | 情報表示方法、装置、電子機器、記憶媒体及びプログラム製品 | |
| EP4425331A1 (en) | Page display method and apparatus, electronic device, storage medium and program product | |
| CN114491349B (zh) | 页面显示方法、装置、电子设备、存储介质和程序产品 | |
| JP2025500999A (ja) | ページ表示方法、装置、電子機器、記憶媒体及びプログラム製品 | |
| WO2025055917A1 (zh) | 话题界面的显示方法、装置、电子设备和存储介质 | |
| WO2024131571A1 (zh) | 互动方法、装置、电子设备和存储介质 | |
| WO2024114623A1 (zh) | 媒体内容的展示方法、装置、电子设备和存储介质 | |
| WO2025092765A1 (zh) | 互动信息的发送方法、装置、电子设备和存储介质 | |
| WO2024099384A1 (zh) | 直播画面的展示方法、装置、电子设备和存储介质 | |
| WO2025119039A1 (zh) | 媒体内容信息的展示方法、装置、电子设备和存储介质 | |
| WO2024260308A1 (zh) | 媒体内容展示方法、装置、设备及存储介质 | |
| WO2025092611A1 (zh) | 信息展示方法、装置、电子设备和存储介质 | |
| WO2024245319A1 (zh) | 互动信息的发送方法、装置、电子设备和存储介质 | |
| CN118972657A (zh) | 媒体内容的展示方法、装置、电子设备、存储介质和程序产品 | |
| WO2025011426A1 (zh) | 会话信息的展示方法、装置、电子设备和存储介质 | |
| WO2025016339A1 (zh) | 媒体内容展示方法、装置、设备、可读存储介质及产品 | |
| WO2024222656A1 (zh) | 信息的展示方法、装置、电子设备和存储介质 | |
| JP2026504132A (ja) | インタラクション方法及び装置、電子機器及び記憶媒体 | |
| WO2024169879A1 (zh) | 交互方法、装置、电子设备和存储介质 | |
| WO2024140247A1 (zh) | 媒体内容的展示方法、装置、电子设备和存储介质 | |
| WO2024255850A1 (zh) | 交互方法、装置、电子设备和存储介质 | |
| WO2025261429A1 (zh) | 信息展示方法、装置、设备、存储介质及产品 | |
| WO2026056410A1 (zh) | 信息显示方法、装置、电子设备、存储介质和程序产品 | |
| CN115237530A (zh) | 信息的显示方法、装置、电子设备和存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 24822798 Country of ref document: EP Kind code of ref document: A1 |
|
| REG | Reference to national code |
Ref country code: BR Ref legal event code: B01A Ref document number: 112025022747 Country of ref document: BR |
|
| WWE | Wipo information: entry into national phase |
Ref document number: 11202506983Y Country of ref document: SG |
|
| WWP | Wipo information: published in national office |
Ref document number: 11202506983Y Country of ref document: SG |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |