WO2025222949A1 - Method and apparatus for page interaction, device, medium, and product - Google Patents

Abstract

Embodiments of the present disclosure provide a method and apparatus for page interaction, a device, a medium, and a product. The method comprises: presenting at least one navigation tab in a first navigation area and presenting at least one navigation tab in a second navigation area, each navigation tab being used for navigating to a corresponding page; upon detecting a predetermined trigger for a first navigation tab in the first navigation area, presenting an editing panel, the editing panel comprising at least a second navigation tab for replacing the first navigation tab, and the second navigation tab being currently presented in the second navigation area; and upon detecting the selection for the second navigation tab in the editing panel, in the first navigation area, switching the first navigation tab to the second navigation tab, and in the second navigation area, switching the second navigation tab to the first navigation tab.

Description

Methods, apparatus, devices, media, and products for page interaction

This application claims priority to Chinese Patent Application No. 202410505721.1, filed on April 25, 2024, entitled "Method, Apparatus, Device, Medium and Product for Page Interaction", the entire contents of which are incorporated herein by reference.

Technical Field

The exemplary embodiments disclosed herein generally relate to the field of computers, and particularly to methods, apparatuses, devices, and computer-readable storage media for page interaction.

Background Technology

With the rapid development of internet technology, various applications have become important tools in people's daily lives. Different applications often have different functions, and users can achieve specific services through specific applications with specific functions.

To integrate more functionality and provide more content within an application, multiple pages are often linked together to offer different content. When multiple pages are linked, an application can provide a navigation area to navigate between pages based on navigation tabs within that area. The navigation area can be located at the top, bottom, or side of the page and displays navigation tabs. The navigation area serves to link different pages within the site or application.

Summary of the Invention

In a first aspect of this disclosure, a method for page interaction is provided. The method includes: presenting at least one navigation label in a first navigation area and at least one navigation label in a second navigation area, each navigation label for navigating to a corresponding page; in response to detecting a predetermined trigger on a first navigation label in the first navigation area, presenting an editing panel including at least one second navigation label for replacing the first navigation label, the second navigation label currently being presented in the second navigation area; and in response to detecting a selection of the second navigation label in the editing panel, switching the first navigation label to the second navigation label in the first navigation area and switching the second navigation label back to the first navigation label in the second navigation area.

In a second aspect of this disclosure, an apparatus for page interaction is provided. The apparatus includes: a label presentation module configured to present at least one navigation label in a first navigation area and at least one navigation label in a second navigation area, each navigation label for navigating to a corresponding page; a panel presentation module configured to present an editing panel in response to detecting a predetermined trigger on a first navigation label in the first navigation area, the editing panel including at least one second navigation label for replacing the first navigation label, the second navigation label currently being presented in the second navigation area; and a label switching module configured to switch the first navigation label to the second navigation label in the first navigation area and switch the second navigation label back to the first navigation label in the second navigation area in response to detecting a selection of the second navigation label in the editing panel.

In a third aspect of this disclosure, an electronic device is provided. The device includes at least one processor; and at least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor. When executed by the at least one processor, the instructions cause the device to perform the method of the first aspect.

In a fourth aspect of this disclosure, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program that can be executed by a processor to implement the method of the first aspect.

In a fifth aspect of this disclosure, a computer program product is provided. The computer program product is tangibly stored in a computer storage medium and includes computer-executable instructions that, when executed by a device, cause the device to perform the method of the first or second aspect.

It should be understood that the content described in this content section is not intended to limit the key or essential features of the embodiments of this disclosure, nor is it intended to restrict the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description.

Attached Figure Description

The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. In the drawings, the same or similar reference numerals denote the same or similar elements, wherein:

Figure 1 shows a schematic diagram of an example environment in which embodiments of the present disclosure can be implemented;

Figures 2A to 2J show schematic diagrams of example interfaces for page interaction according to some embodiments of the present disclosure;

Figure 3 shows a flowchart of a method for page interaction according to some embodiments of the present disclosure;

Figure 4 shows a schematic structural block diagram of a device for page interaction according to certain embodiments of the present disclosure; and

Figure 5 shows a block diagram of an electronic device in which one or more embodiments of the present disclosure may be implemented.

Detailed Implementation

Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

In the description of embodiments of this disclosure, the term "comprising" and similar terms should be understood as open-ended inclusion, i.e., "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below.

In this document, unless explicitly stated otherwise, performing a step in response to A does not mean that the step is performed immediately after A, but may include one or more intermediate steps.

It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure through appropriate means in accordance with relevant laws and regulations, and user authorization should be obtained.

For example, in response to receiving a user's active request, a prompt message is sent to the user to clearly inform the user that the requested operation will require the acquisition and use of the user's personal information, thereby enabling the user to choose whether to provide personal information to the software or hardware such as electronic devices, applications, servers or storage media that perform the operation of the technical solution disclosed herein, based on the prompt message.

As an optional but non-restrictive implementation, in response to a user's active request, a prompt message can be sent to the user, such as a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.

It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.

Figure 1 illustrates a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. In this example environment 100, an application 120 is installed on a terminal device 110. A user 140 can interact with the application 120 via the terminal device 110 and/or an attached device to the terminal device 110. The application 120 can be a content retrieval application (e.g., an online video retrieval application), an online shopping application, or any other suitable application.

In environment 100 of Figure 1, if application 120 is active, terminal device 110 can display page 150 of application 120. Page 150 may include various types of pages provided by application 120, such as content presentation pages, content creation pages, content publishing pages, message pages, personal homepages, etc. Application 120 can provide content viewing functionality to view various types of content published within application 120. Through corresponding pages, application 120 can provide user 140 with online content, such as media content. Through appropriate means, such as clicking or selecting page elements, application 120 can also allow user 140 to switch between multiple pages used for content presentation. Application 120 may also have publishing functionality, allowing user 140 to publish the media content they have created. In this document, "media content" includes one or more types of content, such as images, image sets, videos, GIFs, audio, text, etc.

In some embodiments, terminal device 110 communicates with server 130 to provide services to application 120. Terminal device 110 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio/video players, digital cameras/camcorders, positioning devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, terminal device 110 can also support any type of user-facing interface (such as "wearable" circuitry). Server 130 can be various types of computing systems/servers capable of providing computing power, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, etc.

It should be understood that the structure and function of the various elements in environment 100 are described for illustrative purposes only and do not imply any limitation on the scope of this disclosure.

Typically, applications can offer multiple types of content, each presented on a separate page. For example, navigation tabs can be provided associated with each page, allowing users to navigate to and from the desired page. These navigation tabs are usually integrated into the application's navigation area. A set of navigation tabs can exist within this area to facilitate page switching. Furthermore, the navigation area can be displayed as a floating element within the application's page to prevent page content from interfering with its usability.

Currently, many applications have fixed order and position of navigation tabs in their navigation areas, which cannot be modified by users and lacks flexibility. Furthermore, when there are many available navigation tabs, given the limited size of the navigation area, only a few fixed navigation tabs may be displayed, and more may require complex operations to reveal. This hinders page browsing convenience, preventing some users' potentially interesting tabs from being placed in easily visible and interactive locations. For example, a certain navigation tab may always be provided in a convenient location for users, but not all users are always interested in the page it leads to. This will impede the page interaction efficiency for some users.

According to embodiments of this disclosure, an improved scheme for editing navigation labels is proposed. The scheme includes displaying at least one navigation label in a first navigation area and at least one navigation label in a second navigation area, each navigation label used to navigate to a corresponding page. If a terminal device detects a predetermined trigger on a first navigation label in the first navigation area, an editing panel is presented. The editing panel includes at least one second navigation label for replacing the first navigation label, the second navigation label currently displayed in the second navigation area. Then, in response to detecting a selection of the second navigation label in the editing panel, the terminal device switches the first navigation label to the second navigation label in the first navigation area and switches the second navigation label back to the first navigation label in the second navigation area.

Therefore, users can choose the appropriate navigation label adjustment method to adjust the navigation labels in the navigation area according to their needs. This allows users to easily and quickly customize the display position of multiple navigation labels, flexibly adjust the presentation of navigation labels according to usage needs, and helps improve page browsing efficiency and user experience.

The following description will continue with reference to the accompanying drawings, which will provide some exemplary embodiments of this disclosure.

In the embodiments of this disclosure, when the terminal device 110 provides a page 150 to a user, it may present one or more navigation tabs in a certain arrangement order in the navigation area of the page 150. Typically, the number of navigation tabs presented in the navigation area can be preset based on the space occupied by the navigation tabs and the total space provided for the navigation area, so as to avoid presenting too many navigation tabs at the same time, resulting in the navigation tabs being too small and inconvenient for the user to use.

For example, when navigation labels are arranged horizontally, the arrangement order can be determined based on certain arrangement logic, such as arranging the navigation labels from left to right or from right to left. It should be understood that the above arrangement order and the underlying arrangement logic are merely illustrative and not intended to impose any limitations. For example, the above arrangement order could also be vertical, from top to bottom, from bottom to top, or arranged in a circular pattern, etc. This is to avoid a cluttered presentation of navigation labels.

In addition, the page may include multiple navigation areas, and one or more navigation tabs may be arranged in different navigation areas. In some embodiments, the page may include a top navigation area and a bottom navigation area. Alternatively or additionally, the page may also include side navigation areas, such as a left navigation area and/or a right navigation area.

In embodiments of this disclosure, terminal device 110 allows user 140 to adjust specific navigation labels in the navigation area as needed, enabling user 140 to customize the way navigation labels are placed in certain locations. This provides users with the ability to personalize and configure navigation labels. Consequently, even with limited screen space, user 140 can still access the navigation labels they need, improving their user experience.

Terminal device 110 can provide an editing panel for navigation editing, allowing user 140 to select a different navigation label to replace the current navigation label. In embodiments of this disclosure, interchangeability of navigation labels in different navigation areas can be supported, giving users greater flexibility and range of adjustments to navigation labels. For example, in response to a user's trigger action, the editing panel can be displayed associated with navigation label A, and user 140 can use the selection of navigation label B from another navigation area in the editing panel to replace navigation label A.

The following description of the scheme for page interaction according to the present disclosure will be based on Figures 2A to 2J for ease of understanding. Figures 2A to 2J illustrate schematic diagrams of example interfaces 200A to 200J for page interaction according to some embodiments of the present disclosure. The example interfaces 200A to 200J shown in Figures 2A to 2J can be any page of application 120. Although these embodiments are described as being implementable on the terminal device 120 of FIG. 1, and particularly on the application client of the terminal device 120, in other embodiments, the terminal device 120 may perform these operations with the assistance of server 130.

In embodiments of this disclosure, terminal device 110 may provide multiple navigation areas on page 150, each navigation area displaying one or more navigation tabs. As described above, the one or more navigation tabs may be arranged and presented in a certain order. For ease of description, the arrangement order used here and thereafter is exemplified as a horizontal arrangement from right to left, that is, the navigation tab located on the far right of a certain navigation area can be considered the first navigation tab.

In some embodiments, the terminal device 110 presents at least one navigation label in a first navigation area and at least one navigation label in a second navigation area. Each navigation label is used to navigate to a corresponding page. As shown in the example interface 200A of FIG2A, the terminal device 110 presents a "Home" navigation label 213, a "Friends" navigation label 212, a "Messages" navigation label 214, a "Me" navigation label 215, a "Camera" navigation label 216, and so on, in the navigation area 211 (also referred to as the bottom navigation area).

Terminal device 110 displays "Recommended" navigation tab 217, "Following" navigation tab 218, "Shop" navigation tab 219, etc., in navigation area 210 (also known as top navigation area). In some examples, the "Take a Photo" navigation tab 216 is used to navigate to the photo-taking page for user 140 to take a photo. The "Shop" navigation tab 219 is used to navigate to the shop page for user 140 to make purchases.

In embodiments of this disclosure, terminal device 110 presents an editing panel in response to detecting a predetermined trigger on a first navigation label in a first navigation region. The editing panel includes at least a second navigation label for replacing the first navigation label. The second navigation label is currently presented in a second navigation region other than the first navigation region. The number of navigation labels available for replacing the first navigation label in the editing panel can be one or more (e.g., other navigation labels in addition to the second navigation label). In cases where multiple navigation labels are included, optional other navigation labels may include one or more navigation labels located in the first navigation region.

In some examples, the user 140 may trigger the navigation label in the navigation area by long-pressing the navigation label, double-clicking the navigation label, or clicking the navigation label and selecting "Edit Navigation," etc. The following describes in detail how the terminal device 110 presents an editing panel based on the user 140 long-pressing and/or clicking the navigation label and selecting "Edit Navigation."

As shown in the example interfaces of Figures 2A and 2B, if the terminal device 110 detects a predetermined trigger (e.g., a long-press gesture) by the user 140 on the "Friends" navigation label 212 in the navigation area 211, an editing panel 220 is displayed. The editing panel 220 includes at least one second navigation label for replacing the "Friends" navigation label 212. For example, the "Shop" navigation label 219, the "Following" navigation label 218, etc., currently displayed in the navigation area 210.

In response to detecting a selection of a second navigation label in the editing panel, terminal device 110 switches the first navigation label to the second navigation label in the first navigation area. Correspondingly, terminal device 110 switches the second navigation label to the first navigation label in the second navigation area.

As shown in the example interfaces 200C and 200E in Figures 2C and 2E, user 140 selects the "Shop" navigation tab 219 in the editing panel 220 and clicks the confirmation control 230. Subsequently, in response to the user's selection, terminal device 110 switches the "Friends" navigation tab 212 to the "Shop" navigation tab 219 in the navigation area 211 included in interface 200E. Correspondingly, terminal device 110 switches the "Shop" navigation tab 219 to the "Friends" navigation tab 212 in the navigation area 210 included in interface 200E.

In other words, by providing an editing panel, users can swap navigation labels in different navigation areas. This allows users to adjust navigation labels that they are more interested in or access more frequently to their desired locations, such as places that are easier for users to operate or notice.

In some embodiments, if the terminal device 110 detects a preset trigger for the first navigation label and a selection of the second navigation label while displaying the page corresponding to the third navigation label, then the terminal device 110 switches the first navigation label to the second navigation label in the first navigation area and switches the second navigation label back to the first navigation label in the second navigation area, while still displaying the page corresponding to the second navigation label in the first navigation area. Here, the "third navigation label" can be any navigation label in either the first or second navigation area. Thus, regardless of the previously displayed page, after triggering the swapping of navigation labels at the first navigation label location, the page of application 150 can always be located to the page corresponding to the second navigation label at the original first navigation label position in the first navigation area.

As shown in the example interface 200D in Figure 2D, when the terminal device 110 is displaying a page corresponding to any navigation tab (e.g., "Home" navigation tab 213 or "Recommended" navigation tab 217), it detects the preset trigger of the "Friends" navigation tab 212 and the selection of the "Shop" navigation tab 219.

At this time, the terminal device 110 will switch the "Friends" navigation label 212 to the "Shop" navigation label 219 in the navigation area 211, and after switching the "Shop" navigation label 219 to the "Friends" navigation label 212 in the navigation area 210, the page 200D corresponding to the "Shop" navigation label 219 in the navigation area 211 will be displayed.

Understandably, regardless of which navigation tab the current terminal device is displaying, as long as the user clicks the first navigation tab and selects to switch to the second navigation tab, the terminal device 110 will display the page corresponding to the second navigation tab after the switch.

The following description continues with reference to Figures 2A to 2J, showing how terminal device 110 displays an editing panel based on user 140 long-pressing and/or clicking a navigation label and selecting "Edit Navigation".

First, when user 140 long-presses the navigation label, terminal device 110 responds to the user 140's trigger operation and displays the editing panel. For ease of understanding, the explanation will be based on Figures 2A to 2E.

In some embodiments, terminal device 110 displays an editing panel in response to detecting a first trigger operation on the first navigation label. In some examples, the first trigger operation by user 140 on the first navigation label may be a long press or a double tap on the first navigation label. In some examples, the first trigger operation may always trigger the display of the editing panel.

If terminal device 110 detects that user 140 long-presses or double-clicks the "Friends" navigation tab 212, an editing panel 220 will be displayed. In response to the user's selection in the editing panel 220, terminal device 110 switches the "Friends" navigation tab 212 to the "Shop" navigation tab 219 in navigation area 211, and switches the "Shop" navigation tab 219 to the "Friends" navigation tab 212 in navigation area 210.

The following description, referring to Figures 2F to 2J, describes another method for triggering the editing panel. In this method, the terminal device 110 displays the editing panel based on the user 140 clicking a navigation tab and selecting the edit navigation.

In some embodiments, in response to detecting a second trigger operation on the first navigation label, the terminal device 110 presents an edit trigger control. Then, in response to detecting a selection of the edit trigger control, the terminal device 110 presents an edit panel.

As shown in the example interfaces 200F to 200I of Figures 2F to 2I, if the terminal device 110 detects a trigger operation in interface 200F where user 140 clicks the “Shop” navigation tab 219, an edit trigger control 270 will be displayed. Then, if the terminal device 110 detects a selection operation by user 140 on the edit trigger control 270, an edit panel 280 will be displayed.

In some embodiments, the second triggering operation is further configured to trigger a preset operation on the page corresponding to the first navigation tab, such as refreshing the page content. In response to detecting the second triggering operation on the first navigation tab, the terminal device 110 executes the preset operation on the page corresponding to the first navigation tab while displaying the edit trigger control.

In some examples, if terminal device 110 detects that user 140 clicks the “Shop” navigation tab 219, it will refresh the page corresponding to the “Shop” navigation tab 219 while displaying the edit trigger control 270.

As shown in the example interfaces 200G to 200H in Figures 2G to 2H, the terminal device 110 detects that the user 140 clicks the refresh control 271 on the page corresponding to the "Shop" navigation label 219, and refreshes the page corresponding to the "Shop" navigation label 219 to form the refreshed page 200H.

In this embodiment, the trigger gesture used to initiate page operations is also configured to trigger navigation tab editing. Since users may previously know the triggering methods for preset operations on the page, sharing the trigger operation allows users to notice the navigation tab editing function. Thus, when the user performs a second trigger operation, not only can the page operation corresponding to the second trigger operation continue, but the user can also determine whether to continue triggering navigation tab editing as needed.

In some embodiments, in response to detecting a second trigger operation on the first navigation label, the terminal device 110 determines whether the edit trigger control has been previously presented a predetermined number of times. If the terminal device 110 determines that the edit trigger control has not been previously presented a predetermined number of times, then the edit trigger control is presented.

In some examples, if terminal device 110 detects a second trigger action on a navigation label, it determines whether the edit trigger control has been previously presented a predetermined number of times (e.g., X times). If the edit trigger control has not been previously presented X times, terminal device 110 continues to present the edit trigger control.

In some embodiments, if the terminal device 110 determines that the edit trigger control has been presented a predetermined number of times and no selection of the edit trigger control has been detected in the predetermined number of presentations, it performs a preset operation for the page corresponding to the first navigation tab without presenting the edit trigger control.

In some examples, if the edit trigger control is presented X times and the terminal device 110 does not receive a click from the user 140 on the edit trigger control, then the terminal device 110 will no longer display the edit trigger control. For example, if the edit trigger control is presented X times and the terminal device 110 does not receive a click from the user 140 on the edit trigger control for X consecutive times, then the terminal device 110 will not display the edit trigger control for Y days.

If the edit trigger control has been presented a predetermined number of times (e.g., X times) without being clicked by the user, it means the user may not be inclined to edit the navigation tabs through this method. In this case, when the user triggers the first navigation tab again via a second trigger action, the edit trigger control can be removed, and the page operation corresponding to the second trigger action can be executed directly. This avoids user interruption and allows the user to smoothly begin performing the preset operations on the page.

In some embodiments, after switching the first navigation label to the second navigation label in the first navigation area and then switching the second navigation label back to the first navigation label in the second navigation area, the navigation labels can be further interchanged or adjusted based on user actions. For example, in response to detecting a predetermined trigger on the second navigation label in the first navigation area, the terminal device 110 presents an editing panel. The editing panel includes at least the first navigation label for replacing the second navigation label. In response to detecting a selection of the first navigation label in the editing panel, the terminal device 110 switches the second navigation label back to the first navigation label in the first navigation area and then switches the first navigation label back to the second navigation label in the second navigation area.

Referring again to the example interface 200E shown in Figure 2E, after the initial successful switch, if the terminal device 110 detects a predetermined trigger on the "Shop" navigation label 219 in the navigation area 211, an editing panel will be displayed. This editing panel includes at least the "Friends" navigation label 212, which is used to replace the "Shop" navigation label 219.

If terminal device 110 detects a selection of the "Friends" navigation label 212, it replaces the "Shop" navigation label 219 with the "Friends" navigation label 212 in navigation area 211. Correspondingly, terminal device 110 replaces the "Friends" navigation label 212 with the "Shop" navigation label 219 in navigation area 210. Understandably, after a successful switch, if user 140 triggers the switched navigation label again, the navigation label can be switched back.

In some embodiments, an editing panel for swapping navigation labels in different navigation areas can be configured at a specific location in a first navigation area. For example, in the examples of Figures 2A to 2D, at the location corresponding to the second navigation label from left to right in the bottom navigation area 211, the user can always trigger the presentation of the editing panel through a first trigger operation or a second trigger operation to select the navigation label presented at that location. In other embodiments, a similar navigation label adjustment method as described above can be provided for any location corresponding to a navigation label in a given navigation area, or for any location corresponding to any navigation label of any navigation label.

In some embodiments, after the navigation tab switching is completed, a prompt message may be provided to the user to notify the user of the navigation tab switching and/or to prompt the user on how to switch subsequently. In some embodiments, after the terminal device 110 switches the first navigation tab to the second navigation tab in the first navigation area and switches the second navigation tab back to the first navigation tab in the second navigation area, a first prompt message is displayed in the area associated with the second navigation tab. The first prompt message includes at least one of the following: the switching status of the second navigation tab, and guidance on how to edit the second navigation tab.

In some examples, after a successful switch, the terminal device 110 displays a first prompt message in the area associated with the second navigation label. For example, the terminal device 110 may display the first prompt message in the form of a bubble in the area associated with the second navigation label. In some examples, the first prompt message includes the switching status of the second navigation label, such as "Switched successfully." The first prompt message may also include guidance on how to edit the second navigation label. For example, long-pressing the second navigation label allows for further editing.

Referring back to the example interface 200D in Figure 2D, after a successful switch, the terminal device 110 displays a first prompt message 241 in the area associated with the "Shopping Mall" navigation label 219 in the form of a bubble. For example, the first prompt message 241 could be: "Shopping Mall navigation label 219 has moved here. Long press to edit again." Or, for another example, the first prompt message 241 could be: "Switching successful. Long press Shopping Mall navigation label 219 to edit again."

As shown in the example interfaces 200I to 200J in Figures 2I to 2J, if the terminal device 110 detects that the user 140 clicks the "Shop" navigation tab 219 and selects the edit trigger control 270, the edit panel 280 is displayed. At this time, if the terminal device 110 detects that the user 140 clicks the close control 281 on the edit panel 280, the terminal device 110 will display a bubble-like prompt message "Long press to edit" in the interface 200J.

In some embodiments, after switching the first navigation label to the second navigation label in the first navigation area and switching the second navigation label to the first navigation label in the second navigation area, the terminal device 110, in response to detecting that the page corresponding to the navigation label in the second navigation area is presented, presents a second prompt message in the area associated with the first navigation label.

In some examples, after a successful switch, if the terminal device 110 detects that the page corresponding to the navigation label in the second navigation area has been displayed, a second prompt message is displayed in the area associated with the first navigation label.

Referring back to the example interface 200E in Figure 2E, after a successful switch, if the terminal device 110 detects that the page corresponding to the "Recommended" navigation label 217 in the navigation area 210 has been displayed, a second prompt message 251 will be displayed in the area associated with the "Friends" navigation label 212 in the form of a bubble. For example, the second prompt message 251 is "The Friends navigation label 251 has been moved here".

In some embodiments, the first navigation area and the second navigation area correspond to the target application. After the terminal device 110 switches the first navigation label to the second navigation label in the first navigation area and switches the second navigation label to the first navigation label in the second navigation area, in response to the target application being restarted, it presents at least one of the following: a first prompt message in the area associated with the second navigation label, or a second prompt message in the area associated with the first navigation label.

Understandably, after the navigation tab is successfully switched, if the target application is restarted, the terminal device 110 may display the first prompt information in the area associated with the second navigation tab. Additionally, the terminal device 110 may also display the second prompt information in the area associated with the first navigation tab.

In some examples, after the switch is complete, if the target application is restarted for the first time, the terminal device 110 displays a first prompt message in the area associated with the second navigation label. Then, if the target application is restarted a second time, the terminal device 110 displays a second prompt message in the area associated with the first navigation label.

In summary, according to the various embodiments of this disclosure, the navigation labels in the navigation area can be adjusted based on the user's selections on the editing panel. This allows users to conveniently and quickly customize the presentation positions of multiple navigation labels, flexibly adjusting their presentation as needed, which helps improve page browsing efficiency and user experience.
Example process

Figure 3 shows a flowchart of a method 300 for page interaction according to some embodiments of the present disclosure. Method 300 can be implemented at a terminal device 110. The process 300 is described below with reference to Figure 1.

In box 310, terminal device 110 presents at least one navigation label in a first navigation area and at least one navigation label in a second navigation area, each navigation label being used to navigate to a corresponding page.

In box 320, terminal device 110, in response to detecting a predetermined trigger on a first navigation label in a first navigation area, presents an editing panel, the editing panel including at least one second navigation label for replacing the first navigation label, the second navigation label being currently presented in the second navigation area.

In box 330, in response to detecting a selection of a second navigation label in the editing panel, terminal device 110 switches the first navigation label to the second navigation label in the first navigation area, and switches the second navigation label to the first navigation label in the second navigation area.

In some embodiments, presenting the editing panel includes: presenting the editing panel in response to detecting a first triggering operation on a first navigation label.

In some embodiments, presenting the edit panel includes: presenting an edit trigger control in response to detecting a second trigger operation on a first navigation label; and presenting the edit panel in response to detecting a selection of the edit trigger control.

In some embodiments, the second triggering operation is further configured to trigger a preset operation on the page corresponding to the first navigation tab, and wherein presenting the edit triggering control includes, in response to detecting the second triggering operation on the first navigation tab, performing the preset operation on the page corresponding to the first navigation tab while presenting the edit triggering control.

In some embodiments, presenting the edit trigger control further includes: in response to detecting a second trigger operation on the first navigation label, determining whether the edit trigger control has been presented a predetermined number of times; and if it is determined that the edit trigger control has not been presented a predetermined number of times, presenting the edit trigger control.

In some embodiments, the second triggering operation is further configured to trigger a preset operation for the page corresponding to the first navigation label, and the process 300 further includes: if it is determined that the edit triggering control has been presented a predetermined number of times and no selection of the edit triggering control has been detected in the predetermined number of presentations, the preset operation for the page corresponding to the first navigation label is executed without presenting the edit triggering control.

In some embodiments, when the page corresponding to the third navigation tab is displayed, a preset trigger for the first navigation tab and the selection of the second navigation tab are detected, and the process 300 further includes: switching the first navigation tab to the second navigation tab in the first navigation area and switching the second navigation tab to the first navigation tab in the second navigation area, and then displaying the page corresponding to the second navigation tab in the first navigation area.

In some embodiments, process 300 further includes: switching a first navigation label to a second navigation label in a first navigation area and switching a second navigation label to a first navigation label in a second navigation area, and then presenting a first prompt message in an area associated with the second navigation label, wherein the first prompt message includes at least one of the following: the switching status of the second navigation label, and guidance on how to edit the second navigation label.

In some embodiments, process 300 further includes: after switching the first navigation label to the second navigation label in the first navigation area and switching the second navigation label to the first navigation label in the second navigation area, in response to detecting that the page corresponding to the navigation label in the second navigation area is presented, presenting a second prompt message in the area associated with the first navigation label.

In some embodiments, process 300 further includes: in response to detecting a predetermined trigger on a second navigation label in a first navigation region, presenting an editing panel, the editing panel including at least a first navigation label for replacing the second navigation label; and in response to detecting a selection of the first navigation label in the editing panel, switching the second navigation label to the first navigation label in the first navigation region, and switching the first navigation label to the second navigation label in the second navigation region.

In some embodiments, the first navigation area and the second navigation area correspond to the target application, and the method further includes: switching the first navigation label to the second navigation label in the first navigation area and, after switching the second navigation label to the first navigation label in the second navigation area, in response to the target application being restarted, presenting at least one of the following: a first prompt message in the area associated with the second navigation label, or a second prompt message in the area associated with the first navigation label.
Example devices and equipment

Figure 4 shows a schematic structural block diagram of a device 400 for page interaction according to certain embodiments of the present disclosure. The device 400 may be implemented as or included in the terminal device 110. The various modules/components in the device 400 may be implemented by hardware, software, firmware, or any combination thereof.

As shown in the figure, device 400 includes a label presentation module 410 configured to present at least one navigation label in a first navigation area and at least one navigation label in a second navigation area, each navigation label being used to navigate to a corresponding page. Device 400 also includes a panel presentation module 420 configured to present an editing panel in response to detecting a predetermined trigger on a first navigation label in the first navigation area. The editing panel includes at least one second navigation label for replacing the first navigation label, the second navigation label currently being presented in the second navigation area. Device 400 also includes a label switching module 430 configured to switch the first navigation label to the second navigation label in the first navigation area and switch the second navigation label back to the first navigation label in the second navigation area in response to detecting a selection of the second navigation label in the editing panel.

In some embodiments, the panel presentation module 420 is further configured to present an editing panel in response to detecting a first trigger operation on the first navigation label.

In some embodiments, the panel presentation module 420 is further configured to present an edit trigger control in response to detecting a second trigger operation on the first navigation label; and to present an edit panel in response to detecting a selection of the edit trigger control.

In some embodiments, the second triggering operation is further configured to trigger a preset operation on the page corresponding to the first navigation label. The panel presentation module 420 includes a control presentation module, which is configured to, in response to detecting the second triggering operation on the first navigation label, execute the preset operation on the page corresponding to the first navigation label while presenting the edit trigger control.

In some embodiments, the control rendering module is further configured to, in response to detecting a second triggering operation on the first navigation label, determine whether the edit trigger control has been rendered a predetermined number of times previously; and if it is determined that the edit trigger control has not been rendered a predetermined number of times previously, render the edit trigger control.

In some embodiments, the second triggering operation is further configured to trigger a preset operation for the page corresponding to the first navigation label. The device 400 also includes an operation execution module configured to execute the preset operation for the page corresponding to the first navigation label without presenting the editing triggering control if it is determined that the editing triggering control has been presented a predetermined number of times and no selection of the editing triggering control has been detected in the predetermined number of presentations.

In some embodiments, when a preset trigger for the first navigation tab and a selection for the second navigation tab are detected when the page corresponding to the third navigation tab is displayed, the device 400 further includes a page display module configured to switch the first navigation tab to the second navigation tab in the first navigation area and, after switching the second navigation tab to the first navigation tab in the second navigation area, display the page corresponding to the second navigation tab in the first navigation area.

In some embodiments, the device 400 further includes a first prompt information presentation module, configured to switch the first navigation label to the second navigation label in the first navigation area and, after switching the second navigation label to the first navigation label in the second navigation area, present a first prompt information in the area associated with the second navigation label, wherein the first prompt information includes at least one of the following: the switching status of the second navigation label, and guidance on how to edit the second navigation label.

In some embodiments, the device 400 further includes a second prompt information presentation module, configured to switch the first navigation label to a second navigation label in the first navigation area and, after switching the second navigation label to the first navigation label in the second navigation area, in response to detecting that the page corresponding to the navigation label in the second navigation area is presented, present a second prompt information in the area associated with the first navigation label.

In some embodiments, the label switching module 430 is further configured to, in response to detecting a predetermined trigger on a second navigation label in a first navigation region, present an editing panel, the editing panel including at least a first navigation label for replacing the second navigation label; and, in response to detecting a selection of the first navigation label in the editing panel, switch the second navigation label to the first navigation label in the first navigation region, and switch the first navigation label to the second navigation label in the second navigation region.

In some embodiments, the first navigation area and the second navigation area correspond to the target application. The device 400 further includes an information presentation module configured to switch the first navigation label to the second navigation label in the first navigation area and, after switching the second navigation label to the first navigation label in the second navigation area, in response to the target application being restarted, present at least one of the following: a first prompt message in the area associated with the second navigation label, or a second prompt message in the area associated with the first navigation label.

Figure 5 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 500 shown in Figure 5 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 500 shown in Figure 5 can be used to implement the terminal device 110 of Figure 1.

As shown in Figure 5, electronic device 500 is in the form of a general-purpose electronic device. Components of electronic device 500 may include, but are not limited to, one or more processors 510 or processing units, memory 520, storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. Processor 510 may be a physical or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of electronic device 500.

Electronic device 500 typically includes multiple computer storage media. Such media can be any accessible media that is accessible to electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. Memory 520 can be volatile memory (e.g., registers, cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. Storage device 530 can be a removable or non-removable medium and can include machine-readable media, such as flash drives, disks, or any other media that can be used to store information and/or data (e.g., training data for training) and can be accessed within electronic device 500.

Electronic device 500 may further include additional removable/non-removable, volatile/non-volatile storage media. Although not shown in FIG. 5, disk drives for reading from or writing to removable, non-volatile disks (e.g., "floppy disks") and optical disk drives for reading from or writing to removable, non-volatile optical disks may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data media interfaces. Memory 520 may include computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

Communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functionality of components of electronic device 500 can be implemented using a single computing cluster or multiple computing machines capable of communicating via communication connections. Therefore, electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network node.

Input device 550 can be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device 560 can be one or more output devices, such as a monitor, speaker, printer, etc. Electronic device 500 can also communicate with one or more external devices (not shown) via communication unit 540 as needed. These external devices include storage devices, display devices, etc., and can communicate with one or more devices that enable user interaction with electronic device 500, or with any device that enables electronic device 500 to communicate with one or more other electronic devices (e.g., network card, modem, etc.). Such communication can be performed via input/output (I/O) interface (not shown).

According to an exemplary implementation of this disclosure, a computer-readable storage medium is provided that stores computer-executable instructions thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of this disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, which are executed by a processor to implement the methods described above.

Various aspects of this disclosure are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatuses, devices, and computer program products implemented according to this disclosure. It should be understood that each block of the flowchart illustrations and/or block diagrams, and combinations of blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer-readable program instructions.

These computer-readable program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that, when executed by the processor of the computer or other programmable data processing apparatus, they create means for implementing the functions/actions specified in one or more blocks of the flowchart and/or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium that causes a computer, programmable data processing apparatus, and/or other device to operate in a particular manner; thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing aspects of the functions/actions specified in one or more blocks of the flowchart and/or block diagram.

Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions that execute on the computer, other programmable data processing apparatus, or other device to perform the functions/actions specified in one or more boxes of a flowchart and/or block diagram.

The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts, may be implemented using a dedicated hardware-based system that performs the specified function or action, or using a combination of dedicated hardware and computer instructions.

Various implementations of this disclosure have been described above. These descriptions are exemplary and not exhaustive, nor are they limited to the disclosed implementations. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described implementations. The terminology used herein is chosen to best explain the principles, practical applications, or improvements to technology in the market, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims (15)

A method for page interaction, comprising: At least one navigation label is displayed in the first navigation area and at least one navigation label is displayed in the second navigation area, each navigation label being used to navigate to the corresponding page; In response to detecting a predetermined trigger on a first navigation label in the first navigation area, an editing panel is presented, the editing panel including at least one second navigation label for replacing the first navigation label, the second navigation label currently being presented in the second navigation area; and In response to detecting a selection of the second navigation label in the editing panel, the first navigation label is switched to the second navigation label in the first navigation area, and the second navigation label is switched to the first navigation label in the second navigation area. The method of claim 1, wherein presenting the editing panel comprises: In response to detecting a first trigger operation on the first navigation label, the editing panel is presented. The method of claim 1, wherein presenting the editing panel comprises: In response to detecting a second trigger operation on the first navigation label, an edit trigger control is presented; and In response to detecting a selection of the edit trigger control, the edit panel is displayed. According to the method of claim 3, the second triggering operation is further configured to trigger a preset operation for the page corresponding to the first navigation tag, and the presentation of the edit trigger control includes: In response to detecting the second trigger operation on the first navigation label, while presenting the edit trigger control, the preset operation for the page corresponding to the first navigation label is executed. The method according to claim 3, wherein presenting the edit trigger control further includes: In response to detecting the second trigger operation on the first navigation label, determine whether the edit trigger control has been previously presented a predetermined number of times; and If it is determined that the edit trigger control has not been presented a predetermined number of times before, the edit trigger control is presented. According to the method of claim 5, wherein the second triggering operation is further configured to trigger a preset operation for the page corresponding to the first navigation tag, the method further includes: If it is determined that the edit trigger control has been presented a predetermined number of times and no selection of the edit trigger control has been detected in the predetermined number of presentations, the preset operation for the page corresponding to the first navigation label is performed, and the edit trigger control is not presented. The method according to claim 1, wherein the preset triggering of the first navigation tab and the selection of the second navigation tab are detected when the page corresponding to the third navigation tab is presented, and the method further includes: After switching the first navigation label to the second navigation label in the first navigation area and switching the second navigation label back to the first navigation label in the second navigation area, the page corresponding to the second navigation label in the first navigation area is displayed. The method according to claim 1 further includes: After switching the first navigation label to the second navigation label in the first navigation area and then switching the second navigation label back to the first navigation label in the second navigation area, a first prompt message is displayed in the area associated with the second navigation label. The first prompt information includes at least one of the following: the switching status of the second navigation tab, and guidance on how to edit the second navigation tab. The method according to claim 1 further includes: After switching the first navigation tab to the second navigation tab in the first navigation area and switching the second navigation tab to the first navigation tab in the second navigation area, in response to detecting that the page corresponding to the navigation tab in the second navigation area is presented, a second prompt message is presented in the area associated with the first navigation tab. The method according to claim 1 further includes: In response to detecting the predetermined trigger on the second navigation label in the first navigation area, the editing panel is presented, the editing panel including at least the first navigation label for replacing the second navigation label; and In response to detecting a selection of the first navigation label in the editing panel, the second navigation label is switched to the first navigation label in the first navigation area, and the first navigation label is switched to the second navigation label in the second navigation area. According to the method of claim 1, wherein the first navigation region and the second navigation region correspond to a target application, the method further includes: After switching the first navigation tab to the second navigation tab in the first navigation area and switching the second navigation tab to the first navigation tab in the second navigation area, in response to the target application being restarted, at least one of the following is presented: The first prompt information in the area associated with the second navigation label, or The second prompt information in the area associated with the first navigation label. A device for page interaction, comprising: The label rendering module is configured to display at least one navigation label in a first navigation area and at least one navigation label in a second navigation area, each navigation label being used to navigate to the corresponding page; A panel presentation module is configured to present an editing panel in response to detecting a predetermined trigger on a first navigation label in the first navigation area, the editing panel including at least a second navigation label for replacing the first navigation label, the second navigation label currently being presented in the second navigation area; and The label switching module is configured to, in response to detecting a selection of the second navigation label in the editing panel, switch the first navigation label to the second navigation label in the first navigation area, and switch the second navigation label to the first navigation label in the second navigation area. An electronic device, comprising: at least one processor; and At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 11 when executed by the at least one processor. A computer-readable storage medium having a computer program stored thereon, the computer program being executable by a processor to implement the method according to any one of claims 1 to 11. A computer program product, tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1 to 11.