Interface interaction method and device, computer device, storage medium and product

Abstract

The application relates to an interface interaction method and device, computer equipment, a storage medium and a computer program product. The method can be applied to the field of transportation. The method comprises the following steps: a content set interface is displayed, the content set interface comprises cover areas of a plurality of contents, the plurality of contents comprise first content related to a first place and second content related to a second place; in response to a trigger operation of moving from the cover area of the first content to the cover area of the second content, relevant information of a traffic route between the first place and the second place is presented. The method can improve the efficiency of querying a route in a content browsing process.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to an interface interaction method, apparatus, computer equipment, storage medium, and computer program product. Background Technology

[0002] With the rapid development of computer and internet technologies, new models for creating and organizing online information resources are emerging one after another, and many real-time content generation platforms have created favorable conditions for users to share information.

[0003] Currently, more and more users are introducing locations through content, such as tourist attractions and popular food spots. However, when browsing this content, if a user is interested in two locations related to specific content, they need to switch from the current screen to a map application to view routes and find the connection between those two locations. This results in low efficiency in finding routes while browsing content. Summary of the Invention

[0004] Therefore, it is necessary to provide an interface interaction method, device, computer equipment, computer-readable storage medium, and computer program product that can improve the efficiency of querying routes during content browsing, in order to address the above-mentioned technical problems.

[0005] This application provides a user interface interaction method. The method includes:

[0006] The content collection interface includes a cover area for multiple contents, and the multiple contents include first content related to a first location and second content related to a second location;

[0007] In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, information about the route between the first location and the second location is presented.

[0008] This application also provides a user interface interaction device. The device includes:

[0009] The content display module is used to display a content collection interface, which includes a cover area for each of multiple contents, including first content related to a first location and second content related to a second location;

[0010] The route display module is used to respond to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, and to display relevant information about the route between the first location and the second location.

[0011] In one embodiment, the route display module is further configured to: in response to a trigger operation that selects the cover area of ​​the first content, display a motion control corresponding to the first content on the upper layer of the cover area of ​​the first content; and in response to moving the motion control to overlap with the cover area of ​​the second content and then releasing it, display relevant information about the route between the first location and the second location.

[0012] In one embodiment, the route display module is further configured to: pop up a first card containing the content of the cover area of ​​the first content on top of the cover area of ​​the first content, and display first location information related to the first content in the popped-up first card.

[0013] In one embodiment, the route display module is further configured to: obtain a thumbnail of the cover area of ​​the first content; obtain first location information related to the first content; and display a first card corresponding to the first content on top of the cover area of ​​the first content, based on the thumbnail of the cover area of ​​the first content and the first location information related to the first content.

[0014] In one embodiment, the route display module is further configured to: pop up a second card containing the cover area of ​​the second content, and display second location information related to the second content in the popped-up second card; and display the second card corresponding to the second content and the first card corresponding to the first content that has been moved to the cover area of ​​the second content in the content collection interface.

[0015] In one embodiment, the route display module is further configured to: obtain a thumbnail of the cover area of ​​the second content; obtain second location information related to the second content; and, on top of the cover area of ​​the second content, pop up a second card corresponding to the second content based on the thumbnail of the cover area of ​​the second content and the second location information related to the second content.

[0016] In one embodiment, the route display module is further configured to: in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, display first location information related to the first content, second location information related to the second content, and a route viewing control for viewing the route between the first location and the second location in the content collection interface; and in response to a trigger operation on the route viewing control, present relevant information about the route between the first location and the second location.

[0017] In one embodiment, the route display module is further configured to: in response to a trigger operation of the route viewing control, display an electronic map including the first location and the second location on the upper layer of the cover area in the content collection interface; display a travel route between the first location and the second location in the electronic map, the travel route including at least one of a travel route from the first location to the second location and a travel route from the second location to the first location.

[0018] In one embodiment, the route display module is further configured to: display at least one of the following in the electronic map: the mode of travel, the distance of travel, and the duration of travel for the route.

[0019] In one embodiment, the route display module is further configured to: determine a first location related to the first content and a second location related to the second content; and, based on the first location and the second location, call an electronic map interface to obtain the travel method, travel distance, and travel time of the route between the first location and the second location.

[0020] In one embodiment, the route display module is further configured to: determine the routes between the first location and the second location corresponding to different modes of transportation; determine a recommended route from the routes of each mode of transportation; and display the recommended route in the content collection interface.

[0021] In one embodiment, the content collection interface is a user interface of an instant content generation application; the interface interaction device further includes an application jump module; the route display module is further configured to: display a details viewing control in the content collection interface; the application jump module is configured to: in response to a trigger operation of the details viewing control, jump from the instant content generation application to an electronic map application; in the electronic map application, display an electronic map including the route between the first location and the second location.

[0022] In one embodiment, the plurality of contents further includes third content related to a third location; the route display module is further configured to: in response to a trigger operation that moves from the cover area of ​​the first content, through the cover area of ​​the second content to the cover area of ​​the third content, display a travel route between the first location, the second location and the third location in the content collection interface.

[0023] In one embodiment, the interface interaction device further includes a content publishing module, which is configured to: acquire descriptive content about a target location edited by an instant content generation application; and, in response to a triggering operation that associates the descriptive content with the target location and then publishes it, send the descriptive content to a server corresponding to the instant content generation application and store it.

[0024] In one embodiment, the content display module is further configured to: initiate a content search request carrying the target location based on the target location entered in the instant content generation application; receive content related to the target location in response to the content search request; and display the content collection interface according to the cover content of the content related to the target location.

[0025] In one embodiment, the interface interaction device further includes a content collection display module, which is configured to: in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, display a content collection card including the first content and the second content on the upper layer of the cover area; and in response to a trigger operation that views the content collection card, simultaneously display the first content and the second content.

[0026] This application also provides a computer device. The computer device includes a memory and a processor, the memory storing a computer program, and the processor executing the computer program to implement the steps of the above-described interface interaction method.

[0027] This application also provides a computer-readable storage medium. The computer-readable storage medium stores a computer program thereon, which, when executed by a processor, implements the steps of the above-described interface interaction method.

[0028] This application also provides a computer program product. The computer program product includes a computer program that, when executed by a processor, implements the steps of the above-described interface interaction method.

[0029] The aforementioned interface interaction method, device, computer equipment, storage medium, and computer program product display a content collection interface. This interface includes multiple content areas, each containing a first piece of content related to a first location and a second piece of content related to a second location. In response to a trigger operation that moves from the cover area of ​​the first piece of content to the cover area of ​​the second piece of content, the interface directly and automatically displays relevant information about the route between the first and second locations. This eliminates the need for the user to manually input the first and second locations, avoiding the tedious manual input process. Furthermore, it eliminates the need to exit the current content collection interface and open and use a map application for navigation or map searching, significantly improving the efficiency of viewing routes while browsing content. Attached Figure Description

[0030] Figure 1 This is a diagram illustrating the application environment of the interface interaction method in one embodiment;

[0031] Figure 2 This is a flowchart illustrating the interface interaction method in one embodiment;

[0032] Figure 3 This is a schematic diagram of a content collection interface in one embodiment;

[0033] Figure 4 This is a schematic diagram of the content collection interface in another embodiment;

[0034] Figure 5 This is a schematic diagram of the interface of the mobile control in one embodiment;

[0035] Figure 6 This is a schematic diagram of the interface for the movement control in another embodiment;

[0036] Figure 7 This is a schematic diagram of the interface for moving the mobile control in one embodiment;

[0037] Figure 8 This is a schematic diagram of the interface showing the first card and the second card in one embodiment;

[0038] Figure 9 This is a schematic diagram illustrating the interface between the first card and the second card in another embodiment;

[0039] Figure 10 This is a schematic diagram of an interface illustrating the travel route between a first location and a second location in one embodiment;

[0040] Figure 11 This is a schematic diagram of the interface of a content collection card in one embodiment;

[0041] Figure 12 This is a schematic diagram of the interface of the content collection card in another embodiment;

[0042] Figure 13 This is a flowchart illustrating the interface interaction method in another embodiment;

[0043] Figure 14 This is a flowchart illustrating the interface interaction method in yet another embodiment;

[0044] Figure 15 This is a structural block diagram of the interface interaction device in one embodiment;

[0045] Figure 16 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation

[0046] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0047] The interface interaction method provided in this application embodiment can be applied to, for example... Figure 1 In the application environment shown, terminal 102 communicates with server 104 via a network. A data storage system can store the data that server 104 needs to process. The data storage system can be integrated onto server 104 or located in the cloud or on other network servers. Terminal 102 can be, but is not limited to, various personal computers, laptops, smartphones, tablets, IoT devices, and portable wearable devices. IoT devices can include smart speakers, smart TVs, smart air conditioners, smart in-vehicle devices, etc. Portable wearable devices can include smartwatches, smart bracelets, head-mounted devices, etc. Server 104 can be implemented using a standalone server or a server cluster consisting of multiple servers.

[0048] In one embodiment, terminal 102 displays a content collection interface, which includes cover areas for multiple contents, including first content related to a first location and second content related to a second location. In response to a trigger operation that selects the cover area of ​​the first content, terminal 102 obtains a thumbnail of the cover area of ​​the first content and first location information related to the first content from server 104. Above the cover area of ​​the first content, based on the thumbnail of the cover area and the first location information, terminal 102 displays a first card corresponding to the first content. In response to moving the first card to the second location... After the cover areas of the first and second contents overlap and are released, a thumbnail of the cover area of ​​the second content and the second location information related to the second content are obtained from the server 104. On the cover area of ​​the second content, based on the thumbnail of the cover area of ​​the second content and the second location information related to the second content, a second card corresponding to the second content pops up. The first card corresponding to the first content, the second card corresponding to the second content, and a route viewing control for viewing the route between the first and second locations are displayed on the same screen in the content collection interface. The terminal 102 responds to the trigger operation of the route viewing control and presents the relevant information of the route between the first and second locations.

[0049] The method provided in this application can be applied to scenarios such as travel guide search and content recommendation.

[0050] Taking a travel guide search scenario as an example, users can use a real-time content generation application to search for travel guides related to their destination, such as searching for attractions, restaurants, and parks in a certain city. The real-time content generation application can be an internet sharing platform for user-generated content (UGC). In one embodiment, a terminal enters a real-time content generation application logged in with a first user identifier, receives search text input by the user corresponding to the first user identifier (which may be a description of the target location), and sends a content search request carrying the target location to the server.

[0051] Taking a content recommendation scenario as an example, the terminal enters the real-time content generation application logged in with the first user identifier, obtains the current location of the user corresponding to the first user identifier, determines the target location based on the user's current location, and sends a content search request carrying the target location to the server.

[0052] In one embodiment, in response to a content search request, the server returns content related to the target location, and the terminal displays a content collection interface based on the content. The content collection interface includes a cover area for each of multiple contents. The multiple contents include first content related to a first location and second content related to a second location. In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, relevant information about the travel route between the first location and the second location is presented.

[0053] For example, when a user enters the search text "xx city" in an instant content generation application, the search results will be content related to "xx city". The user can then trigger an action in the content collection interface to quickly find information about travel routes between at least two recommended locations in xx city.

[0054] For example, when a user enters an instant content generation application, the application, with the user's consent, obtains the user's current location and pushes content related to that location to the user. The user can then trigger an action in the content collection interface to quickly query relevant information about travel routes between at least two push locations.

[0055] In one embodiment, such as Figure 2 As shown, a user interface interaction method is provided, which can be applied to... Figure 1 Taking terminal 102 as an example, the explanation includes the following steps:

[0056] Step 202: Display the content collection interface, which includes a cover area for multiple contents. The multiple contents include first content related to the first location and second content related to the second location.

[0057] The content collection interface is the user interface that houses the cover areas of the content. These cover areas serve as entry points for displaying the content. The content collection interface includes multiple cover areas for different content items, each acting as an entry point for its respective item. Users can view the content by clicking on the cover area of ​​one of the items. It's understood that users typically begin by browsing the content in the cover areas. If the content in the cover areas piques their interest, they will then proceed to the content details page through the cover areas to view the full content.

[0058] In this application, the content can be user-generated content (UGC), such as text and image content, video content, image content, text content, etc. Video content can be short videos, long videos, etc. The content can also be forwarded, copied, or derivative works, etc.

[0059] In one embodiment, the terminal enters an instant content generation application, which displays a content collection interface. The content collection interface includes a cover area for each of multiple pieces of content, and at least two of the multiple pieces of content are location-related.

[0060] In this application, location-related content can refer to content that is tagged with a specific location. For example, when a user publishes or generates the content, they can add location information to it. This location could be the user's current location when publishing the content, or it could be a location chosen by the user. Location-related content can also refer to content that describes a location. For example, the content may include images and text describing the location, or it may explain the location.

[0061] In one embodiment, the content collection interface includes cover areas for multiple pieces of content, including first content related to a first location and second content related to a second location. The first content and the second content represent two different pieces of content, and the first location and the second location represent two different locations. The positions of the cover areas of the first content and the second content in the content collection interface can be adjacent or far apart, and this application does not impose any restrictions on this.

[0062] In one embodiment, the terminal enters an instant content generation application logged in with a first user identifier, receives content pushed by the server based on one of the following: the first user identifier's object feature set, user preferences, current location information, following list, and favorites list, and displays the pushed content in the content collection interface. Alternatively, in response to a user operation, the terminal enters the personal homepage of a second user identifier and displays the content created by the second user identifier in the content collection interface. Or, in response to a user operation, the terminal enters the first user identifier's favorites and displays the first user identifier's favorite content in the content collection interface. In other embodiments, the terminal receives a content search request carrying a target location, sends the content search request to a server, receives content related to the target location from the server in response to the content search request, and displays the search content in the content collection interface. For example, if a user enters "Shenzhen," the search content may include content related to tourist attractions, food, etc., related to "Shenzhen."

[0063] In one embodiment, when the first content and the second content are close together in the content collection interface, the terminal can directly display both content simultaneously on the content collection interface shown on the screen. In other embodiments, when the first content and the second content are far apart in the content collection interface, the terminal displays the first content in the content collection interface and then, in response to a user-triggered swipe, displays the second content in the content collection interface. For example, the terminal can respond to up, down, left, or right swipes in the content collection interface to display more content's corresponding cover area. For example, the terminal displays... Figure 3 The content collection interface shown includes first content 302 related to the first location. The terminal responds to a swipe operation on this content collection interface by updating the displayed content as shown below. Figure 4 The content collection interface shown includes second content 402 related to the second location.

[0064] Step 204: In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, present relevant information about the travel route between the first location and the second location.

[0065] Specifically, the terminal can present information about the travel route between the first location and the second location in various ways. This application does not limit the method of presenting such information. The information about the travel route between the first location and the second location may include at least one of the following: travel route, mode of transport, travel distance, travel time, and travel cost. This information may be related to a route from the first location to the second location, or a route from the second location to the first location; it may also include both.

[0066] In one embodiment, in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal broadcasts relevant information about the route between the first and second locations using voice broadcasting.

[0067] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, the terminal determines a first location associated with the first content; in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal determines a second location associated with the second content; and displays relevant information about the route between the first and second locations in the content collection interface.

[0068] The content collection interface is a cover area that accommodates multiple pieces of content. The first and second pieces of content in the content collection interface can be displayed on the screen simultaneously, or they can be displayed sequentially by swiping the screen. For terminals with multiple displays, the content collection interface can also be displayed in split-screen mode. In addition to the cover areas corresponding to each piece of content, the content collection interface may also include other functional areas, menu areas, such as content search boxes, user operation controls, etc. The content collection interface may also include a designated area for displaying information about the route between the first and second locations. For example, the terminal can zoom in or out of the content collection interface to enlarge this designated area for displaying information about the route. In one embodiment, when the first and second pieces of content in the content collection interface are close to each other, the trigger operation for moving from the cover area of ​​the first piece of content to the cover area of ​​the second piece of content can be a direct swipe from the screen position where the cover area of ​​the first piece of content is located to the screen position where the cover area of ​​the second piece of content is located. If the first and second items in the content collection interface are far apart, and the second item is not yet displayed on the screen, the trigger operation can be triggered by swiping from the cover area of ​​the first item to the bottom of the screen, then moving from the bottom to the cover area of ​​the second item, and finally moving from the bottom to the cover area of ​​the second item. Alternatively, the trigger operation can be triggered by swiping from the cover area of ​​the first item to the top of the screen, then moving from the top to the cover area of ​​the second item, and finally moving from the top to the cover area of ​​the second item.

[0069] In one embodiment, the terminal includes more than one screen, and in response to a trigger operation in the content collection interface of the first screen to move from the cover area of ​​the first content to the cover area of ​​the second content, the terminal displays relevant information about the route between the first location and the second location on the second screen.

[0070] In one embodiment, in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal directly and automatically displays the route between the first and second locations in the content collection interface, eliminating the need for the user to manually input the first and second locations, thus avoiding the tedious manual input. Furthermore, because the route is displayed directly in the content collection interface, it eliminates the need to exit the current content collection interface, open and use a map application for navigation or map searching, significantly improving the efficiency of viewing routes while browsing content.

[0071] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, the terminal determines a first location associated with the first content; in response to a trigger operation that selects the cover area of ​​the second content, it determines a second location associated with the second content; and displays information about the route between the first and second locations. For example, the terminal displays content selection controls on the cover areas of the first and second content respectively; in response to a trigger operation on the content selection control of the first content, it determines the first location associated with the first content; in response to a trigger operation on the content selection control of the second content, it determines the second location associated with the second content; and displays information about the route between the first and second locations.

[0072] In one embodiment, the terminal displays an electronic map in the content collection interface, showing the travel route from the first location to the second location and / or from the second location to the first location.

[0073] For example, if the first location related to the first piece of content is "xx Restaurant" and the second location related to the second piece of content is "xx Park", then an electronic map will be displayed on the content collection interface, showing the route from "xx Restaurant" to "xx Park". In response to the triggering operation of the starting point exchange control on the electronic map, the route from "xx Park" to "xx Restaurant" will be displayed on the electronic map in the content collection interface.

[0074] In the above-described interface interaction method, a content collection interface is displayed, which includes cover areas for multiple pieces of content. These pieces of content include first content related to a first location and second content related to a second location. In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, information about the route between the first and second locations is presented. This method directly and automatically displays the relevant information about the route between the first and second locations, eliminating the need for the user to manually input the first and second locations, thus avoiding the tedious operation of manual input. Furthermore, it eliminates the need to exit the current content collection interface and open and use a map application for navigation or map search, greatly improving the efficiency of viewing routes while browsing content.

[0075] In one embodiment, in response to a triggering operation of moving from the cover area of ​​the first content to the cover area of ​​the second content, information related to the passage route between the first location and the second location is presented, including: in response to a triggering operation of selecting the cover area of ​​the first content, displaying a movement control corresponding to the first content on top of the cover area of ​​the first content; and in response to moving the movement control until it overlaps with the cover area of ​​the second content and then releasing it, presenting information related to the passage route between the first location and the second location.

[0076] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, the terminal displays a motion control corresponding to the first content on top of the cover area of ​​the first content. This motion control can be of any form. For example, see... Figure 5 In response to the trigger operation of selecting the cover area 502 of the first content, the terminal displays the mobile control 504 corresponding to the first content on the upper layer of the cover area 502 of the first content.

[0077] In one embodiment, the terminal displays a content selection control on the cover area of ​​the first content. In response to a trigger operation on the content selection control, the first content is selected, and a movement control corresponding to the first content is displayed above the cover area of ​​the first content. In other embodiments, the trigger operation for selecting the cover area of ​​the first content may also be a press operation or a double-click operation of a duration exceeding a specified time.

[0078] In one embodiment, the terminal displays first location information related to the first content on a mobile control corresponding to the first content. For example, if the first location related to the first content is "xx restaurant", the terminal displays "xx restaurant" on the mobile control corresponding to the first content.

[0079] In one embodiment, in response to a movement operation of the movement control, the terminal moves the movement control in the content collection interface; in response to a release operation of the movement control, the terminal determines the cover area of ​​the second content that overlapped with the movement control before the release, and presents relevant information about the passage route between the first location and the second location.

[0080] In this embodiment, users can select the starting and ending points of a route by moving a control in the content collection interface, avoiding tedious operations such as manual input and improving the efficiency of route query in the application.

[0081] In one embodiment, the movement control can be in the form of a card.

[0082] In one embodiment, displaying a mobile control corresponding to the first content on top of the cover area of ​​the first content includes: popping up a first card containing the content of the cover area of ​​the first content on top of the cover area of ​​the first content, and displaying first location information related to the first content in the popped-up first card.

[0083] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, the terminal pops up a first card on top of the cover area of ​​the first content. The first card displays first location information related to the first content and the content of the cover area of ​​the first content. The content of the cover area of ​​the first content can be at least one of a cover image and title information.

[0084] In one embodiment, above the cover area of ​​the first content, a first card containing the cover area of ​​the first content pops up, and the first card displays first location information related to the first content, including: obtaining a thumbnail of the cover area of ​​the first content; obtaining the first location information related to the first content; and above the cover area of ​​the first content, displaying the first card corresponding to the first content based on the thumbnail of the cover area of ​​the first content and the first location information related to the first content.

[0085] In one embodiment, in response to a trigger operation that selects a cover area of ​​the first content, the terminal generates a thumbnail of the cover area of ​​the first content based on the content of the cover area.

[0086] In one embodiment, the server maintains a content library where each piece of content has associated location information. The terminal retrieves the location information associated with the first piece of content from the server. The location information in the server's content library can be manually added by the user when creating content, or it can be identified by the server based on the content. For example, the server can identify the location information associated with the content using a location information recognition model, which is a trained model structure capable of recognizing location information. In other embodiments, the terminal identifies the first location information based on the first content; for example, the terminal can identify the first location information associated with the first content using a location information recognition model.

[0087] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, the terminal pops up a first card above the cover area of ​​the first content. The first card displays first location information related to the first content and a thumbnail of the cover area of ​​the first content. For example, see... Figure 6 In response to the trigger operation of selecting the cover area of ​​the first content, the terminal pops up a first card 602 on the cover area of ​​the first content. The first card 602 consists of the first location information related to the first content and a thumbnail of the cover area of ​​the first content.

[0088] In this embodiment, users select the starting and ending points of a route using card controls in the content collection interface, avoiding tedious manual input and improving the efficiency of route querying in the application.

[0089] In one embodiment, after moving the control to overlap with the cover area of ​​the second content and before presenting information about the route between the first location and the second location, the method further includes: popping up a second card containing the cover area of ​​the second content, displaying second location information related to the second content in the popped-up second card; and displaying the second card corresponding to the second content and the first card corresponding to the first content moved to the cover area of ​​the second content side by side in the content collection interface.

[0090] In one embodiment, in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal pops up a second card on top of the cover area of ​​the second content. The second card displays second location information related to the second content and the content of the cover area of ​​the second content. The content of the cover area of ​​the second content may be at least one of a cover image and title information.

[0091] In one embodiment, a second card containing a cover area of ​​the second content is popped up, and second location information related to the second content is displayed in the popped-up second card, including: obtaining a thumbnail of the cover area of ​​the second content; obtaining second location information related to the second content; and popping up a second card corresponding to the second content on top of the cover area of ​​the second content, based on the thumbnail of the cover area of ​​the second content and the second location information related to the second content.

[0092] In one embodiment, in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal generates a thumbnail of the cover area of ​​the second content based on the content of the cover area of ​​the second content.

[0093] In one embodiment, the server maintains a content library, where each piece of content has associated location information. The terminal retrieves the location information associated with the second content from the server and determines the second location information related to the second content based on this location information. In other embodiments, the terminal identifies the second location information based on the second content; for example, the terminal identifies the second location information associated with the second content using a location information recognition model.

[0094] In one embodiment, in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal pops up a second card on top of the cover area of ​​the second content. In the content collection interface, the second card corresponding to the second content and the first card corresponding to the first content are displayed side-by-side. For example, see... Figure 7 The terminal moves the first card 702 from the cover area of ​​the first content to the cover area of ​​the second content. (Refer to...) Figure 8 In the content collection interface, the terminal displays the first card 802 corresponding to the first content and the second card 804 corresponding to the second content side by side. The first card 802 consists of the first location information related to the first content and a thumbnail of the cover area of ​​the first content. The second card 804 consists of the second location information related to the second content and a thumbnail of the cover area of ​​the second content.

[0095] In one embodiment, the terminal displays a second card corresponding to the second content, a first card corresponding to the first content, and a route viewing control for viewing the route between the first and second locations in a content collection interface. In response to a trigger operation on the route viewing control, relevant information about the route between the first and second locations is presented. (Continue to refer to...) Figure 8 The terminal displays the first card 802 corresponding to the first content, the second card 804 corresponding to the second content, and the line viewing control 806 in the content collection interface.

[0096] In this embodiment, before the terminal presents information about the route between the first location and the second location, it displays a first card corresponding to the first content and a second card corresponding to the second content to the user, so that the user can confirm the location information of the route being queried.

[0097] In one embodiment, in response to a triggering operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, information related to the route between the first location and the second location is presented, including: in response to a triggering operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, displaying first location information related to the first content, second location information related to the second content, and a route viewing control for viewing the route between the first location and the second location in a content collection interface; and in response to a triggering operation on the route viewing control, presenting information related to the route between the first location and the second location.

[0098] For example, refer to Figure 9 In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal displays the first location information 902 related to the first content, the second location information 904 related to the second content, and the route viewing control 906 in the content collection interface.

[0099] In one embodiment, in response to a trigger operation of the route viewing control, information related to the travel route between the first location and the second location is presented, including: in response to a trigger operation of the route viewing control, displaying an electronic map including the first location and the second location above the cover area in the content collection interface; displaying the travel route between the first location and the second location in the electronic map, the travel route including at least one of a travel route from the first location to the second location and a travel route from the second location to the first location.

[0100] In one embodiment, in response to a trigger operation of the route viewing control, the terminal displays an electronic map above the cover area in the content collection interface, and displays the travel route from the first location to the second location and / or from the second location to the first location through the electronic map.

[0101] For example, refer to Figure 10 The terminal displays the route from the first location to the second location via electronic map 1002, above the cover area in the content collection interface. In response to the triggering operation of the starting point exchange control 1004 in electronic map 1002, the route from the second location to the first location is displayed via electronic map 1002.

[0102] In one embodiment, the method further includes: displaying at least one of the following on an electronic map: the mode of travel, the travel distance, and the travel time of the route.

[0103] In one embodiment, when the terminal displays a travel route from the first location to the second location on an electronic map in the content collection interface, it also displays at least one of the following: travel method, travel distance, and travel time. Furthermore, when the terminal displays a travel route from the second location to the first location on an electronic map in the content collection interface, it also displays at least one of the following: travel method, travel distance, and travel time.

[0104] For example, continue to refer to Figure 10 The electronic map 1002 displays the route from "xx Park" to "xx Restaurant", along with the mode of transportation "driving", the distance "xx kilometers", and the travel time "xx minutes".

[0105] In one embodiment, the method further includes: determining a first location related to the first content and a second location related to the second content; and, based on the first location and the second location, calling an electronic map interface to obtain the travel method, travel distance, and travel time of the travel route between the first location and the second location.

[0106] In one embodiment, the terminal calls the electronic map interface to obtain the travel method, travel distance, and travel time of the route between the first location and the second location through the electronic map application, and displays the travel method, travel distance, and travel time of the route on the electronic map above the cover area in the content collection interface.

[0107] In one embodiment, presenting information about the travel routes between a first location and a second location includes: determining travel routes between the first location and the second location corresponding to different modes of transportation; determining recommended travel routes from the travel routes of each mode of transportation; and displaying the recommended travel routes in a content collection interface.

[0108] In one embodiment, the terminal calls an electronic map interface and uses an electronic map application to determine travel routes for different modes of transportation, with a first location as the starting point and a second location as the ending point, and a second location as the starting point and a first location as the ending point. From the travel routes of each mode of transportation, recommended travel routes are determined with the first location as the starting point and a second location as the ending point, and a second location as the starting point and a first location as the ending point.

[0109] In one embodiment, the terminal determines a recommended route from the routes of each mode of transportation according to a route selection strategy. The route selection strategy may be based on at least one factor, namely, travel distance and travel time, such as selecting the route with the shortest travel distance or the shortest travel time.

[0110] In this embodiment, the terminal displays a recommended travel route between the first location and the second location in the content collection interface, as well as the travel method, travel distance and travel time of the route, so that the user can quickly obtain key information about the travel route between the first location and the second location.

[0111] In one embodiment, the content collection interface is a user interface of an instant content generation application; the method further includes: displaying a details viewing control in the content collection interface; in response to a triggering operation of the details viewing control, jumping from the instant content generation application to an electronic map application; in the electronic map application, displaying an electronic map including a route between the first location and the second location.

[0112] For example, continue to refer to Figure 10 The terminal displays a details viewing control 1006 in the content collection interface. The details viewing control 1006 is used to jump to the electronic map application, allowing the user to view the detailed route between the first location and the second location in the electronic map application.

[0113] In this embodiment, the terminal displays recommended routes through a real-time content generation application and supports jumping to an electronic map application to view detailed routes.

[0114] In one embodiment, the method further includes: acquiring descriptive content about the target location edited by an instant content generation application; and, in response to a triggering operation that associates the descriptive content with the target location, sending the descriptive content to a server corresponding to the instant content generation application and storing it.

[0115] In one embodiment, a user enters the content to be published and a description of the target location associated with the content on the content publishing page of an instant content generation application. In response to the publishing operation of the content to be published, the user sends the content to be published and the description of the target location to the server corresponding to the instant content generation application. The server stores the description of the target location as location information and associates it with the content to be published.

[0116] In this embodiment, when a user publishes content, they input a description of the target location associated with the content. This eliminates the need for the terminal or server to identify the location information of the content, thus improving the efficiency of route querying in the application.

[0117] In one embodiment, displaying a content collection interface includes: initiating a content search request carrying the target location based on a target location entered in an instant content generation application; receiving content related to the target location in response to the content search request; and displaying the content collection interface based on the cover content of the content related to the target location.

[0118] In one embodiment, the terminal enters an instant content generation application logged in with a first user identifier, receives search text input by the user corresponding to the first user identifier, which may be a description of the target location, and sends a content search request carrying the target location to the server.

[0119] In one embodiment, the terminal enters the instant content generation application logged in with a first user identifier, obtains the current location of the user corresponding to the first user identifier, determines the target location based on the user's current location, and sends a content search request carrying the target location to the server.

[0120] In one embodiment, in response to a content search request, the server returns content related to the target location, and the terminal displays a content collection interface based on the content. The content collection interface includes a cover area for each of multiple contents. The multiple contents include first content related to a first location and second content related to a second location. In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, relevant information about the travel route between the first location and the second location is presented.

[0121] In this embodiment, users can quickly query travel routes between recommended locations by triggering an operation in the content collection interface, improving the convenience of querying routes while browsing content.

[0122] In one embodiment, the method further includes: in response to a triggering operation of moving from the cover area of ​​the first content to the cover area of ​​the second content, displaying a content collection card including the first content and the second content on top of the cover area; and in response to a triggering operation of viewing the content collection card, simultaneously displaying the first content and the second content.

[0123] For example, refer to Figure 11 In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal displays a content collection card that includes the first content and the second content on the upper layer of the cover area. The content collection card includes a content collection viewing control 1102, which is used to display the first content and the second content simultaneously.

[0124] In one embodiment, in response to a triggering operation to view a content collection card, the terminal simultaneously displays key content of a first content and key content of a second content. The key content of the first content can be extracted from the first content, and the key content of the second content can be extracted from the second content.

[0125] In this embodiment, users can perform a trigger operation in the content collection interface to view at least two pieces of content simultaneously, improving the convenience of viewing content while browsing.

[0126] In one embodiment, the method further includes: in response to a triggering operation of moving from the cover area of ​​the first content to the cover area of ​​the second content, displaying a content collection card including the first content and the second content on top of the cover area; and in response to a triggering operation of collecting the content collection card, collecting the first content and the second content.

[0127] For example, refer to Figure 12 In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, the terminal displays a content collection card that includes the first content and the second content on the upper layer of the cover area. The content collection card includes a content collection collection control 1202, which is used to add the first content and the second content to the collection.

[0128] It is understandable that the terminal displays a collection of favorites, and users can perform actions on the collection interface to query routes between at least two locations or view at least two items at the same time.

[0129] The method provided in this application supports querying routes between at least two locations during content browsing. The following example illustrates an embodiment for querying routes between multiple locations during content browsing. It is understood that the above embodiment for querying routes between a first and second location during content browsing is also applicable to solutions for querying routes between multiple locations during content browsing.

[0130] In one embodiment, the multiple contents also include third content related to a third location; the method further includes: in response to a triggering operation that moves from the cover area of ​​the first content, through the cover area of ​​the second content, to the cover area of ​​the third content, displaying a route between the first location, the second location, and the third location in a content collection interface.

[0131] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, the terminal determines a first location associated with the first content; in response to a trigger operation that moves from the cover area of ​​the first content through the cover area of ​​the second content to the cover area of ​​the third content, the terminal determines a second location associated with the second content and a third location associated with the third content; and displays the travel route between the first location, the second location and the third location in the content collection interface.

[0132] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, the terminal determines a first location associated with the first content and displays a motion control corresponding to the first content above the cover area of ​​the first content; in response to a trigger operation that moves the motion control to the cover area of ​​the second content and selects the cover area of ​​the second content through the motion control, the terminal determines a second location associated with the second content; in response to a trigger operation that moves the motion control to the cover area of ​​the third content and selects the cover area of ​​the third content through the motion control, the terminal determines a third location associated with the third content.

[0133] In one embodiment, the triggering operation for selecting the cover area of ​​the second content via a movement control could be that the movement control remains on the cover area of ​​the second content for a duration longer than a specified duration, or that the movement control is released after overlapping with the cover area of ​​the third content, etc.

[0134] In one embodiment, in response to a trigger operation that selects the cover area of ​​the first content, a first card pops up on top of the cover area of ​​the first content; in response to a trigger operation that moves the first card to the cover area of ​​the second content and selects the cover area of ​​the second content through the first card, a second card pops up on top of the cover area of ​​the second content; in response to a trigger operation that moves the first card and the second card to overlap the cover area of ​​the third content and then releases the connection, a third card pops up on top of the cover area of ​​the third content; in the content collection interface, the first card corresponding to the first content, the second card corresponding to the second content, the third card of the third content, and a route viewing control are displayed; in response to a trigger operation on the route viewing control, the travel routes between the first location, the second location, and the third location are displayed in the content collection interface. The third card may consist of third location information related to the third content and a thumbnail of the cover area of ​​the third content.

[0135] In one embodiment, in response to a trigger operation of the route viewing control, the terminal displays the route between the first location, the second location, and the third location on an electronic map above the cover area of ​​the content collection interface.

[0136] In one embodiment, the terminal calls the electronic map interface and uses the electronic map application to determine the routes between the first location, the second location, and the third location, which correspond to different starting points and different modes of transportation. From these routes, a recommended route is determined, and the recommended route, along with the mode of transportation, distance, and duration of transportation, is displayed on the electronic map above the cover area in the content collection interface.

[0137] In one embodiment, the terminal determines a recommended route from among various routes according to a route selection strategy. The route selection strategy may be based on at least one factor, namely, travel distance and travel time, such as selecting the route with the shortest travel distance or the shortest travel time.

[0138] In one embodiment, the terminal responds to the triggering operation of the location exchange control in the electronic map, switching at least one of the starting point and destination, starting point and waypoint, and waypoint and destination, and displays the recommended travel route between the switching starting point, waypoint and destination on the electronic map.

[0139] In this embodiment, users can perform a trigger operation in the content collection interface to query routes between multiple locations, improving the efficiency of querying routes while browsing content.

[0140] In one embodiment, such as Figure 13 As shown, a user interface interaction method is provided, which can be applied to... Figure 1 Taking terminal 112 as an example, the explanation includes the following steps:

[0141] Step 1302: Display the content collection interface of the instant content generation application. The content collection interface includes a cover area for multiple pieces of content. The multiple pieces of content include first content related to a first location and second content related to a second location.

[0142] Step 1304: In response to the trigger operation of selecting the cover area of ​​the first content, obtain the thumbnail of the cover area of ​​the first content and the first location information related to the first content, and display the first card corresponding to the first content on the upper layer of the cover area of ​​the first content according to the thumbnail of the cover area of ​​the first content and the first location information related to the first content.

[0143] Step 1306: In response to the trigger operation of moving from the cover area of ​​the first content to the cover area of ​​the second content, obtain the thumbnail of the cover area of ​​the second content and the second location information related to the second content. On the upper layer of the cover area of ​​the second content, according to the thumbnail of the cover area of ​​the second content and the second location information related to the second content, pop up the second card corresponding to the second content. In the content collection interface, display the second card corresponding to the second content, the first card corresponding to the first content, and the route viewing control for viewing the route between the first location and the second location.

[0144] Step 1308: In response to the trigger operation of the route viewing control, call the electronic map interface to determine the routes between the first location and the second location corresponding to different travel methods, determine the recommended travel route from the routes of each travel method, and obtain the travel method, travel distance and travel time of the recommended travel route. Display the recommended travel route, as well as the travel method, travel distance and travel time of the recommended travel route in the content collection interface. The recommended travel route includes at least one of the routes from the first location to the second location and the routes from the second location to the first location.

[0145] Step 1311: In response to a triggering operation of the details view control in the content collection interface, the user is redirected from the instant content generation application to the electronic map application, where an electronic map including the route between the first location and the second location is displayed.

[0146] Reference Figure 14 Taking the scenario of searching for travel guides as an example, users can use the real-time content generation application to search for travel guides related to their travel destination, such as searching for attractions, restaurants, parks, etc. in city xx.

[0147] In one embodiment, the terminal enters an instant content generation application logged in with a first user identifier, receives search text input by the user corresponding to the first user identifier, which may be a description of the target location, and sends a content search request carrying the target location to the server. The server responds to the content search request and returns content related to the target location. The terminal displays a content collection interface based on this content, which includes cover areas for multiple pieces of content, including first content related to a first location and second content related to a second location.

[0148] The user long-presses the cover area of ​​the first content in the content collection interface. The terminal obtains a thumbnail of the cover area of ​​the first content and the first location information related to the first content from the server. Based on the thumbnail of the cover area of ​​the first content and the first location information related to the first content, the terminal displays the first card corresponding to the first content.

[0149] After the user drags the first card to overlap with the cover area of ​​the second content and releases it, the terminal obtains a thumbnail of the cover area of ​​the second content and the second location information related to the second content from the server. Based on the thumbnail of the cover area of ​​the second content and the second location information related to the second content, the second card corresponding to the second content pops up.

[0150] In the content collection interface, the terminal displays the second card corresponding to the second content, the first card corresponding to the first content, and a route viewing control for viewing the route between the first and second locations.

[0151] In response to the trigger operation of the route viewing control, the terminal calls the electronic map interface to determine the routes between the first location and the second location corresponding to different travel methods. From the routes of each travel method, it determines the recommended travel route and obtains the travel method, travel distance, and travel time of the recommended travel route. The recommended travel route, as well as the travel method, travel distance, and travel time of the recommended travel route, are displayed in the content collection interface. The recommended travel route includes at least one of the routes from the first location to the second location and the routes from the second location to the first location.

[0152] In response to a triggering operation of the details viewing control in the content collection interface, the terminal jumps from the real-time content generation application to the electronic map application, where an electronic map including the route between the first and second locations is displayed.

[0153] In this embodiment, users can perform a trigger operation in the content collection interface to query travel routes between locations while browsing content, thus improving the efficiency of route query in the application.

[0154] It should be understood that although the steps in the flowcharts of the embodiments described above are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the embodiments described above may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.

[0155] Based on the same inventive concept, this application also provides an interface interaction device for implementing the interface interaction method described above. The solution provided by this device is similar to the implementation scheme described in the above method; therefore, the specific limitations in one or more interface interaction device embodiments provided below can be found in the limitations of the interface interaction method described above, and will not be repeated here.

[0156] In one embodiment, such as Figure 15 As shown, an interactive interface device is provided, including: a content display module 1502 and a line display module 1504, wherein:

[0157] The content display module 1502 is used to display the content collection interface, which includes a cover area for each of the multiple contents. The multiple contents include a first content related to a first location and a second content related to a second location.

[0158] The route display module 1504 is used to respond to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, and to display relevant information about the route between the first location and the second location.

[0159] In one embodiment, the route display module 1504 is further configured to: in response to a trigger operation that selects the cover area of ​​the first content, display a movement control corresponding to the first content on the upper layer of the cover area of ​​the first content; and in response to moving the movement control to overlap with the cover area of ​​the second content and then releasing it, display relevant information about the route between the first location and the second location.

[0160] In one embodiment, the route display module 1504 is further configured to: pop up a first card containing the content of the cover area of ​​the first content on the upper layer of the cover area of ​​the first content, and display first location information related to the first content in the popped-up first card.

[0161] In one embodiment, the route display module 1504 is further configured to: obtain a thumbnail of the cover area of ​​the first content; obtain first location information related to the first content; and display a first card corresponding to the first content on top of the cover area of ​​the first content, based on the thumbnail of the cover area of ​​the first content and the first location information related to the first content.

[0162] In one embodiment, the route display module 1504 is further configured to: pop up a second card containing the cover area of ​​the second content, and display second location information related to the second content in the popped-up second card; and display the second card corresponding to the second content and the first card corresponding to the first content that has been moved to the cover area of ​​the second content in the content collection interface.

[0163] In one embodiment, the route display module 1504 is further configured to: obtain a thumbnail of the cover area of ​​the second content; obtain second location information related to the second content; and, above the cover area of ​​the second content, pop up a second card corresponding to the second content based on the thumbnail of the cover area of ​​the second content and the second location information related to the second content.

[0164] In one embodiment, the route display module 1504 is further configured to: in response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, display first location information related to the first content, second location information related to the second content, and a route viewing control for viewing the route between the first location and the second location in the content collection interface; and in response to a trigger operation on the route viewing control, present relevant information about the route between the first location and the second location.

[0165] In one embodiment, the route display module 1504 is further configured to: in response to a trigger operation of the route viewing control, display an electronic map including a first location and a second location on the upper layer of the cover area in the content collection interface; and display a travel route between the first location and the second location in the electronic map, the travel route including at least one of a travel route from the first location to the second location and a travel route from the second location to the first location.

[0166] In one embodiment, the route display module 1504 is further configured to: display at least one of the following in an electronic map: the mode of travel, the distance of travel, and the duration of travel for the route.

[0167] In one embodiment, the route display module 1504 is further configured to: determine a first location related to the first content and a second location related to the second content; and, based on the first location and the second location, call an electronic map interface to obtain the travel method, travel distance, and travel time of the route between the first location and the second location.

[0168] In one embodiment, the route display module 1504 is further configured to: determine the routes between the first location and the second location corresponding to different modes of transportation; determine a recommended route from the routes of each mode of transportation; and display the recommended route in the content collection interface.

[0169] In one embodiment, the content collection interface is a user interface for an instant content generation application; the interface interaction device further includes an application jump module; the route display module 1504 is also used to: display a details viewing control in the content collection interface; the application jump module is used to: jump from the instant content generation application to an electronic map application in response to a trigger operation on the details viewing control; in the electronic map application, display an electronic map including a route between the first location and the second location.

[0170] In one embodiment, the multiple contents also include third content related to the third location; the route display module 1504 is further configured to: in response to a trigger operation that moves from the cover area of ​​the first content, through the cover area of ​​the second content, to the cover area of ​​the third content, display the travel route between the first location, the second location, and the third location in the content collection interface.

[0171] In one embodiment, the interface interaction device further includes a content publishing module, which is configured to: acquire descriptive content about the target location edited by the instant content generation application; and, in response to a triggering operation that associates the descriptive content with the target location and then publishes it, send the descriptive content to a server corresponding to the instant content generation application and then store it.

[0172] In one embodiment, the content display module 1502 is further configured to: initiate a content search request carrying the target location based on the target location entered in the instant content generation application; receive content related to the target location in response to the content search request; and display a content collection interface based on the cover content of the content related to the target location.

[0173] In one embodiment, the interface interaction device further includes a content collection display module, which is configured to: in response to a trigger operation of moving from the cover area of ​​the first content to the cover area of ​​the second content, display a content collection card including the first content and the second content on the upper layer of the cover area; and in response to a trigger operation of viewing the content collection card, simultaneously display the first content and the second content.

[0174] In the aforementioned interface interaction device, a content collection interface is displayed. The content collection interface includes multiple content cover areas, each of which includes first content related to a first location and second content related to a second location. In response to a trigger operation that moves from the cover area of ​​the first content to the cover area of ​​the second content, relevant information about the route between the first and second locations is displayed. This direct and automatic display of the relevant information about the route between the first and second locations eliminates the need for the user to manually input the first and second locations, thus avoiding the tedious operation of manual input. Furthermore, it eliminates the need to exit the current content collection interface and open and use a map application for navigation or map search, greatly improving the efficiency of viewing routes while browsing content.

[0175] Each module in the aforementioned interface interaction device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in a computer device, or stored in the memory of a computer device as software, so that the processor can call and execute the operations corresponding to each module.

[0176] In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 16 As shown, the computer device includes a processor, memory, communication interface, input device, and display unit connected via a system bus. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides the environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, NFC (Near Field Communication), or other technologies. The computer device also includes input / output interfaces, which are connection circuits for exchanging information between the processor and external devices. These interfaces are connected to the processor via the system bus and are referred to as I / O interfaces. When the computer program is executed by the processor, it implements a user interface interaction method.

[0177] Those skilled in the art will understand that Figure 16 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0178] In one embodiment, a computer device is provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to implement the interface interaction method of any of the above embodiments.

[0179] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the interface interaction method of any of the above embodiments.

[0180] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the interface interaction method of any of the above embodiments.

[0181] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties.

[0182] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, etc., and are not limited to these.

[0183] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0184] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A user interface interaction method, characterized in that, The method includes: The content collection interface is a user-interactive interface that contains a cover area for user-generated content. The user-generated content is at least one of the following: text and image content, video content, image content, or text content published by the user on an internet sharing platform. The content collection interface includes cover areas for multiple user-generated content items. Each cover area serves as an entry point for the corresponding user-generated content and is configured to enter the content details page of the corresponding user-generated content in response to a trigger operation. The multiple user-generated content items include first content related to a first location and second content related to a second location. The first content is labeled with the first location or is used to describe the first location, and the second content is labeled with the second location or is used to describe the second location. In response to a triggering operation that causes the content collection interface to move from the cover area of ​​the first content to overlap with the cover area of ​​the second content, information related to the travel route between the first location and the second location is displayed.

2. The method according to claim 1, characterized in that, The response to a triggering operation in the content collection interface where the content moves from the cover area of ​​the first content to an area overlapping with the cover area of ​​the second content, presenting information related to the travel route between the first and second locations, includes: In response to a trigger operation that selects the cover area of ​​the first content in the content collection interface, a movement control corresponding to the first content is displayed on top of the cover area of ​​the first content. In response to moving the movement control to overlap with the cover area of ​​the second content and then releasing it, information related to the passageway between the first location and the second location is displayed.

3. The method according to claim 2, characterized in that, The step of displaying the mobile control corresponding to the first content on top of the cover area of ​​the first content includes: Above the cover area of ​​the first content, a first card containing the cover area of ​​the first content pops up, and the first location information related to the first content is displayed in the pop-up first card.

4. The method according to claim 3, characterized in that, Above the cover area of ​​the first content, a first card pops up, including the content of the cover area of ​​the first content, and displays first location information related to the first content in the popped-up first card, including: Obtain a thumbnail of the cover area of ​​the first content; Obtain the first location information related to the first content; Above the cover area of ​​the first content, a first card corresponding to the first content is displayed based on the thumbnail of the cover area of ​​the first content and the first location information related to the first content.

5. The method according to claim 3, characterized in that, After moving the movement control to overlap with the cover area of ​​the second content, and before presenting information about the route between the first and second locations, the method further includes: A second card pops up, containing the cover area of ​​the second content. In the pop-up second card, second location information related to the second content is displayed. In the content collection interface, the second card corresponding to the second content and the first card corresponding to the first content that has been moved to the cover area of ​​the second content are displayed side by side.

6. The method according to claim 5, characterized in that, The pop-up includes a second card containing the cover area of ​​the second content. Within this second card, second location information related to the second content is displayed, including: Obtain a thumbnail of the cover area of ​​the second content; Obtain second location information related to the second content; Above the cover area of ​​the second content, based on the thumbnail of the cover area of ​​the second content and the second location information related to the second content, a second card corresponding to the second content pops up.

7. The method according to claim 1, characterized in that, The response to a triggering operation in the content collection interface where the content moves from the cover area of ​​the first content to an area overlapping with the cover area of ​​the second content, presenting information related to the travel route between the first and second locations, includes: In response to a triggering operation that causes the content collection interface to move from the cover area of ​​the first content to overlap with the cover area of ​​the second content, the content collection interface displays first location information related to the first content, second location information related to the second content, and a route viewing control for viewing the route between the first location and the second location. In response to a trigger operation on the route viewing control, relevant information about the route between the first location and the second location is displayed.

8. The method according to claim 7, characterized in that, The response to a triggering operation of the route viewing control, displaying relevant information about the route between the first location and the second location, includes: In response to the triggering operation of the route viewing control, an electronic map including the first location and the second location is displayed above the cover area in the content collection interface; The electronic map displays a route between the first location and the second location, the route including at least one of a route from the first location to the second location and a route from the second location to the first location.

9. The method according to claim 8, characterized in that, The method further includes: The electronic map displays at least one of the following: travel method, travel distance, and travel time for the travel route.

10. The method according to claim 9, characterized in that, The method further includes: Determine a first location related to the first content and a second location related to the second content; Based on the first location and the second location, the electronic map interface is invoked to obtain the travel method, travel distance, and travel time of the route between the first location and the second location.

11. The method according to claim 7, characterized in that, The information presented regarding the travel route between the first location and the second location includes: Determine the travel routes between the first location and the second location corresponding to different modes of transportation; A recommended route is determined from the routes used by each of the aforementioned modes of transportation; The recommended routes are displayed in the content collection interface.

12. The method according to claim 7, characterized in that, The content collection interface is the user interface of the real-time content generation application; The method further includes: A details viewing control is displayed in the content collection interface; In response to a triggering operation on the details viewing control, the user is redirected from the real-time content generation application to the electronic map application; The electronic map application displays an electronic map including the route between the first location and the second location.

13. The method according to claim 1, characterized in that, The multiple user-generated content also includes third content related to a third location; The method further includes: In response to a triggering operation in the content collection interface where a movement occurs from the cover area of ​​the first content, through the cover area of ​​the second content, to an overlap with the cover area of ​​the third content, the passageway between the first location, the second location, and the third location is displayed in the content collection interface.

14. The method according to claim 1, characterized in that, The method further includes: Get descriptions of the target location edited by an instant content generation application; In response to a triggering operation that associates the description with the target location, the description is sent to and stored on a server corresponding to the instant content generation application.

15. The method according to claim 12, characterized in that, The interface displaying the collection of content includes: Based on the target location entered in the real-time content generation application, initiate a content search request carrying the target location; Receive content related to the target location as a response to the content search request; The content collection interface is displayed based on the cover content related to the target location.

16. The method according to claim 1, characterized in that, The method further includes: In response to a trigger operation that moves from the cover area of ​​the first content to overlap with the cover area of ​​the second content in the content collection interface, a content collection card including the first content and the second content is displayed on top of the cover area; In response to a trigger action to view the content collection card, both the first content and the second content are displayed.

17. A user interface interaction device, characterized in that, The device includes: The content display module is used to display a content collection interface, which is a user interaction interface that contains a cover area for user-generated content. The user-generated content is at least one of the following: text and image content, video content, image content, or text content published by the user on an internet sharing platform. The content collection interface includes cover areas for multiple user-generated content, which serve as the entry point for the corresponding user-generated content and are configured to enter the content details page of the corresponding user-generated content in response to a trigger operation. The multiple user-generated content includes first content related to a first location and second content related to a second location. The first content is labeled with the first location or is used to describe the first location, and the second content is labeled with the second location or is used to describe the second location. The route display module is used to respond to a trigger operation in the content collection interface where the user moves from the cover area of ​​the first content to overlap with the cover area of ​​the second content, and to display relevant information about the route between the first location and the second location.

18. The apparatus according to claim 17, characterized in that, The route display module is further configured to respond to a trigger operation of selecting the cover area of ​​the first content in the content collection interface, display a movement control corresponding to the first content on the cover area of ​​the first content; and respond to moving the movement control until it overlaps with the cover area of ​​the second content and then releasing it, displaying relevant information about the route between the first location and the second location.

19. The apparatus according to claim 18, characterized in that, The route display module is further configured to pop up a first card containing the content of the cover area of ​​the first content on the upper layer of the cover area of ​​the first content, and to display first location information related to the first content in the pop-up first card.

20. The apparatus according to claim 19, characterized in that, The route display module is further configured to obtain a thumbnail of the cover area of ​​the first content; obtain first location information related to the first content; and display a first card corresponding to the first content on top of the cover area of ​​the first content, based on the thumbnail of the cover area of ​​the first content and the first location information related to the first content.

21. The apparatus according to claim 19, characterized in that, The route display module is further configured to pop up a second card containing the cover area of ​​the second content, and to display second location information related to the second content in the pop-up second card; in the content collection interface, the second card corresponding to the second content and the first card corresponding to the first content that has been moved to the cover area of ​​the second content are displayed side by side.

22. The apparatus according to claim 21, characterized in that, The route display module is further configured to obtain a thumbnail of the cover area of ​​the second content; obtain second location information related to the second content; and, on the upper layer of the cover area of ​​the second content, pop up a second card corresponding to the second content based on the thumbnail of the cover area of ​​the second content and the second location information related to the second content.

23. The apparatus according to claim 17, characterized in that, The route display module is further configured to, in response to a trigger operation that moves from the cover area of ​​the first content to overlap with the cover area of ​​the second content in the content collection interface, display first location information related to the first content, second location information related to the second content, and a route viewing control for viewing the route between the first location and the second location in the content collection interface; and, in response to a trigger operation on the route viewing control, present relevant information about the route between the first location and the second location.

24. The apparatus according to claim 23, characterized in that, The route display module is also used to respond to the trigger operation of the route viewing control to display an electronic map including the first location and the second location above the cover area in the content collection interface; The electronic map displays a route between the first location and the second location, the route including at least one of a route from the first location to the second location and a route from the second location to the first location.

25. The apparatus according to claim 24, characterized in that, The route display module is also used to display at least one of the following in the electronic map: the mode of travel, the distance of travel, and the duration of travel for the route.

26. The apparatus according to claim 25, characterized in that, The route display module is also used to determine a first location related to the first content and a second location related to the second content; based on the first location and the second location, it calls the electronic map interface to obtain the travel method, travel distance and travel time of the route between the first location and the second location.

27. The apparatus according to claim 23, characterized in that, The route display module is further configured to determine the routes between the first location and the second location corresponding to different modes of transportation; determine a recommended route from the routes of each mode of transportation; and display the recommended route in the content collection interface.

28. The apparatus according to claim 23, characterized in that, The content collection interface is the user interface of the real-time content generation application; the interface interaction device also includes an application jump module; the route display module is also used to display a details viewing control in the content collection interface; The application jump module is used to jump from the real-time content generation application to the electronic map application in response to the trigger operation of the details viewing control; The electronic map application displays an electronic map including the route between the first location and the second location.

29. The apparatus according to claim 17, characterized in that, The multiple user-generated content also includes third content related to a third location; the route display module is further configured to respond to a trigger operation in the content collection interface where the route moves from the cover area of ​​the first content, through the cover area of ​​the second content, to overlap with the cover area of ​​the third content, and display the travel route between the first location, the second location, and the third location in the content collection interface.

30. The apparatus according to claim 17, characterized in that, The interface interaction device also includes a content publishing module, which is used to acquire descriptive content about the target location edited by an instant content generation application; In response to a triggering operation that associates the description with the target location, the description is sent to and stored on a server corresponding to the instant content generation application.

31. The apparatus according to claim 30, characterized in that, The content display module is also used to initiate a content search request carrying the target location based on the target location entered in the real-time content generation application; and to receive content related to the target location in response to the content search request. The content collection interface is displayed based on the cover content related to the target location.

32. The apparatus according to claim 17, characterized in that, The interface interaction device further includes a content collection display module, which is used to respond to a trigger operation in the content collection interface where the content collection moves from the cover area of ​​the first content to overlap with the cover area of ​​the second content, and to display a content collection card including the first content and the second content on the upper layer of the cover area; and to respond to a trigger operation of viewing the content collection card, to simultaneously display the first content and the second content.

33. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the method according to any one of claims 1 to 16.

34. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 16.

35. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 16.

Images