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

Abstract

Embodiments of the present disclosure provide methods, apparatus, devices, media, and products for page interaction. The method includes displaying at least one navigation tab in a first navigation area and at least one navigation tab in a second navigation area, each navigation tab being used to navigate to a corresponding page; displaying an editing panel containing at least a second navigation tab to replace the first navigation tab in response to the detection of a predetermined trigger for the first navigation tab in the first navigation area, the second navigation tab being currently displayed in the second navigation area; and switching the first navigation tab to the second navigation tab in the first navigation area and the second navigation tab to the first navigation tab in the second navigation area in response to the detection of a selection for the second navigation tab in the editing panel.

Description

Technical Field

[0001] (Reference to Related Applications) This application claims priority to a Chinese invention patent application filed on April 25, 2024, with the invention title "Method, Apparatus, Device, Medium, and Product for Page Interaction" and application number 202410505721.1, and all of the content of this application is incorporated herein by reference.

[0002] (Technical Field) Exemplary embodiments of the present disclosure generally relate to the field of computers, and more particularly to page interaction methods, apparatuses, devices, and computer-readable storage media.

Background Art

[0003] With the rapid development of Internet technology, various applications have already become important tools in people's daily lives. Different applications often have different functions, and users can realize specific services through specific applications with specific functions.

[0004] In order to integrate more functions and provide more content in an application, generally many pages are associated in the application to provide different content. When multiple pages are associated, the application can provide a navigation area and realize jumps between pages based on the navigation tabs in the navigation area. The navigation area is located at the top, bottom, or side area of the page and can be used to display navigation tabs. The navigation area plays a role in linking each page within a site or application.

Summary of the Invention

[0005] A first aspect of this disclosure provides a page interaction method, which includes displaying at least one navigation tab in a first navigation area and at least one navigation tab in a second navigation area, with each navigation tab being used to navigate to a corresponding page; displaying an edit panel containing at least a second navigation tab to replace the first navigation tab in response to the detection of a predetermined trigger for the first navigation tab in the first navigation area, with the second navigation tab now displayed in the second navigation area; and switching the first navigation tab to the second navigation tab in the first navigation area and the second navigation tab to the first navigation tab in the second navigation area, in response to the detection of a selection for the second navigation tab in the edit panel.

[0006] A second aspect of this disclosure provides a device for page interaction. The device includes: a tab display module configured to display at least one navigation tab in a first navigation area and at least one navigation tab in a second navigation area, with each navigation tab being used to navigate to a corresponding page; a panel display module configured to display an edit panel containing at least a second navigation tab to replace the first navigation tab in response to the detection of a predetermined trigger for the first navigation tab in the first navigation area, with the second navigation tab currently displayed in the second navigation area; and a tab switching module configured to switch the first navigation tab to the second navigation tab in the first navigation area and the second navigation tab to the first navigation tab in the second navigation area in response to the detection of a selection for the second navigation tab in the edit panel.

[0007] A third aspect of this disclosure provides an electronic device comprising at least one processor and at least one memory coupled to the at least one processor for storing instructions to be executed by the at least one processor. When instructions are to be executed by the at least one processor, the device is made to perform the method of the first aspect.

[0008] A fourth aspect of this disclosure provides a computer-readable storage medium that stores a computer program which can be executed by a processor to implement the method of the first aspect.

[0009] A fifth aspect of this disclosure provides a computer program product, which, when physically stored on a computer storage medium and executed by a device, includes computer-executable instructions that cause the device to perform the method of the first or second aspect.

[0010] It should be understood that the content described in this section is not intended to limit any essential or important features of the embodiments of this disclosure, nor to limit the scope of this disclosure. Other features of this disclosure are made clearer by the following description. [Brief explanation of the drawing]

[0011] The above and other features, advantages and aspects of each embodiment of this disclosure will become more apparent by referring to the following detailed description in conjunction with the drawings. In the drawings, the same or similar reference numerals represent the same or similar elements. [Figure 1] A schematic diagram of an exemplary environment in which the capabilities of the embodiments of this disclosure can be realized is shown. [Figure 2A] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2B]Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2C] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2D] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2E] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2F] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2G] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2H] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2I] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 2J] Figures 2A to 2J show schematic diagrams of exemplary interfaces for page interaction according to several embodiments of the present disclosure. [Figure 3] A flowchart of a method for page interaction according to several embodiments of this disclosure is shown. [Figure 4] Schematic structural block diagrams for page interaction according to several embodiments of this disclosure are shown. [Figure 5] A block diagram of an electronic device capable of carrying out one or more embodiments of this disclosure is shown. [Modes for carrying out the invention]

[0012] Hereinafter, embodiments of the present disclosure will be described in more detail with reference to the drawings. Although some embodiments of the present disclosure are shown in the drawings, the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Rather, it should be understood that these embodiments are provided to more clearly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are merely exemplary and not intended to limit the protection scope of the present disclosure.

[0013] In the description of the embodiments of the present disclosure, the term "including" and its synonyms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "one embodiment" or "this embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". The following may also include other explicit and implicit definitions.

[0014] In this specification, unless explicitly stated otherwise, performing a step "in response to A" does not mean immediately performing this step after "A", but may include one or more intermediate steps.

[0015] It can be understood that the data related to this technical solution (including but not limited to the data itself, the acquisition or use of the data) should comply with the requirements of the applicable laws, regulations and related provisions.

[0016] Before using the technical solutions disclosed by each embodiment of the present disclosure, it should be understood that the user should be informed in an appropriate manner of the types, scope of use, usage scenarios, etc. of the personal information related to the present disclosure in accordance with the relevant laws and regulations, and permission should be obtained from the user.

[0017] For example, when responding to a user's spontaneous request, to send presentation information to the user and clearly notify the user that the operations requiring a request for execution need to obtain and use the user's personal information, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, an application program, a server, or a storage medium that executes the operations of the technical solution of the present disclosure based on the presentation information.

[0018] As an optional but non-limiting implementation form, the method of sending presentation information to the user in response to receiving a user's spontaneous request may be, for example, in the form of a pop-up window, and the presentation information may be displayed in text in the pop-up window. In addition, in the pop-up window, a selection control for the user to select "agree" or "disagree" to provide personal information to the electronic device may be further added.

[0019] It should be understood that the above notification and the process of obtaining user permission are merely exemplary and do not limit the implementation forms of the present disclosure, and other methods that comply with relevant laws and regulations are also applicable to the implementation forms of the present disclosure.

[0020] FIG. 1 shows a schematic diagram of an exemplary environment 100 in which the embodiments of the present disclosure can be implemented. In this exemplary environment 100, an app 120 is installed on a terminal device 110. The user 140 can interact with the app 120 via the terminal device 110 and / or the attached devices of the terminal device 110. The app 120 may be a content acquisition app (e.g., an online video acquisition app), an online shopping app, or any other suitable app.

[0021] In the environment 100 of Figure 1, when application 120 is active, terminal device 110 can display page 150 of application 120. Page 150 may include various types of pages that application 120 can provide, such as content display pages, content creation pages, content posting pages, message pages, personal homepages, etc. Application 120 provides a content viewing function so that users can view various types of content posted in application 120. Through corresponding pages, application 120 can provide users 140 with online content, such as media content. Through an appropriate method, such as clicking or selecting a page element, application 120 can also provide users 140 with the ability to switch between multiple pages for displaying content. Application 120 may further have a posting function that allows users 140 to post media content they have created. In this specification, “media content” includes one or more types of content, such as images, image sets, videos, motion graphics, audio, text, etc.

[0022] In some embodiments, the terminal device 110 communicates with the server 130 to provide services to the application 120. The terminal device 110 may be any type of mobile terminal, fixed terminal or portable terminal, and includes mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet PCs, media computers, multimedia tablets, personal communication system (PCS) equipment, personal navigation equipment, personal digital assistants (PDAs), audio / video players, digital cameras / cameras, positioning equipment, television receivers, radio broadcast receivers, e-book equipment, game equipment, or any combination of the foregoing, and includes components and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 may also support any type of interface to the user (e.g., “wearable” circuitry). The server 130 may be any type of computing system / server capable of providing computing power, including, but not limited to, mainframes, edge computing nodes, and computing equipment in a cloud environment.

[0023] The structure and function of each element in Environment 100 are described for illustrative purposes only, and should be understood that this does not imply any limitation on the scope of this disclosure.

[0024] Generally, an app can provide multiple types of content, each displayed on a different page. For example, a page can have associated navigation tabs, allowing users to navigate to and jump to their desired page. Typically, navigation tabs may be integrated into the app's navigation area. Within the navigation area, a set of navigation tabs may exist to enable user-controlled page switching. The navigation area can be displayed as a floating element on the app's pages to avoid page content interfering with the use of the navigation area.

[0025] Currently, the order and position of navigation tabs in the navigation area of ​​many apps are fixed, lacking flexibility and not supporting user modification. Furthermore, when there are many available navigation tabs, considering the limited size of the navigation area, only a few fixed navigation tabs may be displayed, and complex operations may be required to display more other navigation tabs. This hinders the convenience of page browsing and prevents the placement of tabs of interest to some users in easily visible and user-friendly locations. For example, while some navigation tabs are always provided in easily accessible positions, not all users are always interested in the pages that these navigation tabs guide them to. This impairs the page interaction efficiency for some users.

[0026] Embodiments of this disclosure provide an improved method for editing navigation tabs. This method includes displaying at least one navigation tab in a first navigation area and at least one navigation tab in a second navigation area, with each navigation tab being used to navigate to a corresponding page. When a terminal device detects a predetermined trigger for a first navigation tab in the first navigation area, it displays an editing panel. This editing panel includes at least a second navigation tab to replace the first navigation tab, the second navigation tab being currently displayed in the second navigation area. Then, in response to detecting a selection for the second navigation tab in the editing panel, the terminal device switches the first navigation tab to the second navigation tab in the first navigation area and switches the second navigation tab to the first navigation tab in the second navigation area.

[0027] This allows users to select the appropriate navigation tab adjustment method as needed and make adjustments to the navigation tabs in the navigation area. This enables users to easily and quickly customize the display position of multiple navigation tabs and flexibly adjust the display of navigation tabs according to their usage needs, contributing to improved page browsing efficiency and user experience.

[0028] Hereinafter, several exemplary embodiments of this disclosure will be described with reference to the drawings.

[0029] In embodiments of this disclosure, when the terminal device 110 provides a page 150 to a user, it may display one or more navigation tabs in the navigation area of ​​page 150 in a certain arrangement order. Generally, the number of navigation tabs displayed in the navigation area may be predetermined based on the space occupied by the navigation tabs and the overall space provided for the navigation area, thereby avoiding the problem of the navigation tabs being too small and difficult for the user to use due to displaying too many navigation tabs simultaneously.

[0030] For example, if the navigation tabs are arranged horizontally, the arrangement order may be determined based on a certain arrangement logic, such as arranging each navigation tab from left to right or right to left. The above arrangement order and the underlying arrangement logic are shown only as examples and are not intended to be restrictive in any way. For example, the arrangement order may be vertical, from top to bottom, bottom to top, or in a ring shape. This helps to avoid a cluttered display of the navigation tabs.

[0031] A page may further include multiple navigation areas, and each different navigation area may contain one or more navigation tabs. In some embodiments, a page may include a top navigation area and a bottom navigation area. Alternatively or additionally, a page may further include side navigation areas, such as a left navigation area and / or a right navigation area.

[0032] In embodiments of this disclosure, the terminal device 110 can allow the user 140 to make adjustments to specific navigation tabs in the navigation area as needed, thereby enabling the user 140 to customize the arrangement of navigation tabs at several locations. This can provide the user with the ability to make personalized selections and configurations for navigation tabs. This enhances the user experience by ensuring that the user 140 can still access the necessary navigation tabs even when screen space is limited.

[0033] The terminal device 110 can provide an editing panel for navigation editing, thereby allowing the user 140 to select another navigation tab from the editing panel to replace the current navigation tab. Embodiments of this disclosure support the exchange of navigation tabs in different navigation areas, increasing the range and flexibility of user-controlled navigation tabs. For example, in response to a user trigger operation, the editing panel may be displayed in association with navigation tab A, and the user 140 may select navigation tab B in a different navigation area from the editing panel to replace navigation tab A.

[0034] The following describes the page interaction schemes of this disclosure with reference to Figures 2A to 2J for easier understanding. Figures 2A to 2J show schematic diagrams of exemplary interfaces 200A to 200J for page interaction according to several embodiments of this disclosure. The exemplary interfaces 200A to 200J shown in Figures 2A to 2J may be any page of application 120. While these embodiments have been described as being implementable on terminal device 120 in Figure 1, in particular on the application client of terminal device 120, in some other embodiments, terminal device 120 may perform these operations with the assistance of server 130.

[0035] In embodiments of this disclosure, the terminal device 110 may provide multiple navigation areas on page 150, with one or more navigation tabs displayed in each navigation area. As described above, one or more navigation tabs may be arranged and displayed in a specific order. For ease of description, the arrangement order used herein and thereafter will be assumed to be horizontally arranged from right to left, that is, the navigation tab located on the far right of a navigation area can be considered the navigator tab located at the very front.

[0036] In some embodiments, the terminal device 110 displays at least one navigation tab in a first navigation area and at least one navigation tab in a second navigation area. Each navigation tab is used to navigate to a corresponding page. In the exemplary interface 200A shown in Figure 2A, the terminal device 110 displays a "Top Page" navigation tab 213, a "Friends" navigation tab 212, a "Messages" navigation tab 214, a "Me" navigation tab 215, a "Photography" navigation tab 216, and the like in the navigation area 211 (which may also be called the bottom navigation area).

[0037] The terminal device 110 displays the following in the navigation area 210 (which may also be called the top navigation area): the "Recommended" navigation tab 217, the "Follow" navigation tab 218, the "Shopping Mall" navigation tab 219, etc. In some examples, the "Shoot" navigation tab 216 is used to navigate to the shooting page for user 140 to take a picture. The "Shopping Mall" navigation tab 219 is used to navigate to the shopping mall page for user 140 to shop.

[0038] In embodiments of the present disclosure, terminal device 110 displays an edit panel in response to detecting a predetermined trigger for a first navigation tab in a first navigation area. The edit panel includes at least a second navigation tab to replace the first navigation tab. The second navigation tab is currently displayed in a second navigation area other than the first navigation area. The number of navigation tabs that can be used to replace the first navigation tab in the edit panel may be one or more (for example, including other navigation tabs in addition to the second navigation tab). If there are multiple navigation tabs, the optional other navigation tabs may include one or more navigation tabs located in the first navigation area.

[0039] In some examples, a predetermined trigger method for user 140 to a navigation tab in the navigation area may be long-pressing the navigation tab, double-clicking the navigation tab, or single-clicking the navigation tab and selecting Navigation Edit. The following describes how terminal device 110 displays the editing panel based on user 140 long-pressing and / or single-clicking the navigation tab and selecting Navigation Edit.

[0040] In the exemplary interface shown in Figures 2A to 2B, the terminal device 110 displays an edit panel 220 when it detects a predetermined trigger from the user 140 (e.g., a long-press gesture) for the "Friends" navigation tab 212 in the navigation area 211. The edit panel 220 includes at least one second navigation tab to replace the "Friends" navigation tab 212, such as the "Shopping Mall" navigation tab 219 or the "Follow" navigation tab 218 currently displayed in the navigation area 210.

[0041] In response to detecting a selection for the second navigation tab in the editing panel, terminal device 110 switches the first navigation tab to the second navigation tab in the first navigation area. Accordingly, terminal device 110 switches the second navigation tab to the first navigation tab in the second navigation area.

[0042] In the exemplary interfaces 200C and 200E shown in Figures 2C and 2E, user 140 selects the "Shopping Mall" 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 "Shopping Mall" navigation tab 219 in the navigation area 211 included in interface 200E. Accordingly, terminal device 110 switches the "Shopping Mall" navigation tab 219 to the "Friends" navigation tab 212 in the navigation area 210 included in interface 200E.

[0043] In other words, by providing an editing panel, users can swap navigation tabs across different navigation areas. This allows users to adjust the navigation tabs they are more interested in and access more frequently to their desired locations, such as positions that are easy for them to operate or to make them more noticeable.

[0044] In some embodiments, when terminal device 110 displays a page corresponding to a third navigation tab and detects a preset trigger for the first navigation tab and a selection for the second navigation tab, terminal device 110 switches the first navigation tab to the second navigation tab in the first navigation area and switches the second navigation tab to the first navigation tab in the second navigation area, and then still displays the page corresponding to the second navigation tab in the first navigation area. Here, the "third navigation tab" may be any navigation tab in the first or second navigation area. In this way, regardless of previously displayed pages, after triggering a navigation tab conversion for the first navigation tab, the page of application 150 can always be positioned at the original position of the first navigation tab in the first navigation area, where the page corresponding to the currently switched second navigation tab is located.

[0045] In the exemplary interface 200D shown in Figure 2D, when terminal device 110 displays a page corresponding to any navigation tab (for example, the "Homepage" navigation tab 213 or the "Recommended" navigation tab 217), it detects a preset trigger for the "Friends" navigation tab 212 and a selection for the "Shopping Mall" navigation tab 219.

[0046] At this time, terminal device 110 switches the "Friends" navigation tab 212 to the "Shopping Mall" navigation tab 219 in the navigation area 211, and after switching the "Shopping Mall" navigation tab 219 to the "Friends" navigation tab 212 in the navigation area 210, displays page 200D corresponding to the "Shopping Mall" navigation tab 219 in the navigation area 211.

[0047] Currently, regardless of which navigation tab the 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.

[0048] Continuing with reference to Figures 2A through 2J, the terminal device 110 displays the editing panel based on user 140 long-pressing and / or single-clicking a navigation tab and selecting navigation editing.

[0049] First, user 140 long-presses the navigation tab, and terminal device 110 responds to user 140's trigger operation by displaying the editing panel. To make it easier to understand, we will explain by linking Figures 2A to 2E.

[0050] In some embodiments, the terminal device 110 displays an editing panel in response to detecting a first trigger operation on the first navigation tab. In some examples, the user 140's first trigger operation on the first navigation tab may be a long press on the first navigation tab or a double-click on the first navigation tab. In some examples, the first trigger operation may always trigger the display of the editing panel.

[0051] When terminal device 110 detects that user 140 has long-pressed or double-clicked the "Friends" navigation tab 212, it displays the editing panel 220. In response to the user's selection in the editing panel 220, terminal device 110 switches the "Friends" navigation tab 212 to the "Shopping Mall" navigation tab 219 in the navigation area 211, and switches the "Shopping Mall" navigation tab 219 to the "Friends" navigation tab 212 in the navigation area 210.

[0052] The following describes another trigger method for the editing panel, continuing with reference to Figures 2F through 2J. In this method, terminal device 110 displays the editing panel based on user 140 single-clicking a navigation tab and selecting navigation editing.

[0053] In some embodiments, the terminal device 110 displays an edit trigger control in response to detecting a second trigger operation on the first navigation tab. Then, the terminal device 110 displays an edit panel in response to detecting a selection on the edit trigger control.

[0054] In the exemplary interfaces 200F to 200I shown in Figures 2F to 2I, terminal device 110 displays the edit trigger control 270 when it detects a trigger operation in interface 200F in which user 140 single-clicks the "Shopping Mall" navigation tab 219. Then, when terminal device 110 detects a selection operation by user 140 for the edit trigger control 270, it displays the edit panel 280.

[0055] In some embodiments, the second trigger operation is further configured to trigger a preset operation on the page corresponding to the first navigation tab, such as a refresh operation on the page content. In response to detecting the second trigger operation on the first navigation tab, the terminal device 110 displays an edit trigger control and simultaneously performs the preset operation on the page corresponding to the first navigation tab.

[0056] In some cases, when terminal device 110 detects a trigger operation in which user 140 single-clicks the "Shopping Mall" navigation tab 219, it displays an edit trigger control 270 and simultaneously refreshes the page corresponding to the "Shopping Mall" navigation tab 219.

[0057] In the exemplary interfaces 200G to 200H shown in Figures 2G to 2H, the terminal device 110 detects a trigger operation in which user 140 single-clicks the refresh control 271 on the page corresponding to the "Shopping Mall" navigation tab 219, and refreshes the page corresponding to the "Shopping Mall" navigation tab 219 to form the refreshed page 200H.

[0058] In this embodiment, a trigger gesture for triggering a page operation is configured simultaneously to trigger editing of a navigation tab. Sharing the trigger operation allows the user to become aware of the navigation tab editing functionality, as they may have previously known the trigger method for preset operations on this page. Thus, when the user performs a second trigger operation, they can not only continue to perform the page operation corresponding to the second trigger operation, but also decide whether or not to continue triggering the editing of the navigation tab as needed.

[0059] In some embodiments, the terminal device 110, in response to detecting a second trigger operation on the first navigation tab, determines whether the edit trigger control has been displayed a predetermined number of times previously. If the terminal device 110 determines that the edit trigger control has not been displayed a predetermined number of times previously, it displays the edit trigger control.

[0060] In some cases, when terminal device 110 detects a second trigger operation on the navigation tab, it determines whether the edit trigger control has been displayed a predetermined number of times (e.g., X times) previously. If the edit trigger control has not been displayed X times previously, terminal device 110 continues to display the edit trigger control.

[0061] In some embodiments, if the terminal device 110 determines that the edit trigger control has been displayed a predetermined number of times previously and no selection for the edit trigger control has been detected during those predetermined displays, it performs a preset operation on the page corresponding to the first navigation tab without displaying the edit trigger control.

[0062] In some cases, if the edit trigger control has been displayed X times and the terminal device 110 has not received a click from user 140 on the edit trigger control, the terminal device 110 will not display the edit trigger control. For example, if the edit trigger control has been displayed X times and the terminal device 110 has not received a click from user 140 on this edit trigger control for X consecutive times, the terminal device 110 will not display the edit trigger control for Y days.

[0063] If the edit trigger control has previously appeared a predetermined number of times (e.g., X times) but has not received any user clicks, this may mean that the user does not particularly want to edit the navigation tab through this path. In such cases, when the user triggers the first navigation tab again with a second trigger operation, the edit trigger control does not need to be displayed, and the page operation corresponding to the second trigger operation can be performed directly. This avoids interrupting the user and allows them to smoothly begin performing the preset operation on the page.

[0064] In some embodiments, 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, the navigation tabs may be further converted or adjusted based on user operations. For example, terminal device 110 displays an editing panel in response to detecting a predetermined trigger for the second navigation tab in the first navigation area. This editing panel includes at least one first navigation tab to replace the second navigation tab. In response to detecting a selection for the first navigation tab in the editing panel, terminal device 110 switches the second navigation tab to the first navigation tab in the first navigation area and switches the first navigation tab to the second navigation tab in the second navigation area.

[0065] Continuing with the example interface 200E shown in Figure 2E, after the initial switchover is successful, the terminal device 110 displays an editing panel when it detects a predetermined trigger for the "Shopping Mall" navigation tab 219 in the navigation area 211. This editing panel includes at least a "Friends" navigation tab 212, which is used to replace the "Shopping Mall" navigation tab 219.

[0066] When terminal device 110 detects a selection for the "Friends" navigation tab 212, it replaces the "Shopping Mall" navigation tab 219 with the "Friends" navigation tab 212 in the navigation area 211. Accordingly, terminal device 110 replaces the "Friends" navigation tab 212 with the "Shopping Mall" navigation tab 219 in the navigation area 210. After a successful switch, user 140 understands that they can switch back to the previous navigation tab by triggering the new navigation tab again.

[0067] In some embodiments, an editing panel for converting navigation tabs between different navigation areas may be located at a specific position in the first navigation area. For example, in the example in Figures 2A to 2D, at the position corresponding to the second navigation tab from left to right in the bottom navigation area 211, the user can always trigger the display of the editing panel by a first or second trigger operation to select the navigation tab to be displayed at this position. In other embodiments, a navigation tab adjustment method similar to that described above can be provided for a position corresponding to any navigation tab in a given navigation area, or for a position corresponding to any navigation tab in any navigation area.

[0068] In some embodiments, after the switching of navigation tabs is complete, the user may be provided with information to make the user aware of the switch and / or notify the user of the subsequent switching method. In some embodiments, 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 to the first navigation tab in the second navigation area, and then displays the first information in the area related to the second navigation tab. The first information includes at least one of the switching status of the second navigation tab and a guide to the editing method of the second navigation tab.

[0069] In some examples, after a successful switch, the terminal device 110 displays the first presentation information in the area related to the second navigation tab. For example, the terminal device 110 may display the first presentation information in the form of a bubble in the area related to the second navigation tab. In some examples, the first presentation information includes the switching status of the second navigation tab, for example, successful switching. The first presentation information may further include a guide on how to edit the second navigation tab. For example, the second navigation tab can be re-edited by long-pressing it.

[0070] Looking back at the exemplary interface 200D in Figure 2D, after a successful switch, the terminal device 110 displays the first presentation information 241 in the form of a bubble in the area related to the "Shopping Mall" navigation tab 219. For example, the first presentation information 241 may say, "The Shopping Mall Navigation Tab 219 has moved here. You can re-edit it by long-pressing." Alternatively, the first presentation information 241 may say, "Switching was successful. You can re-edit the Shopping Mall Navigation Tab 219 by long-pressing it."

[0071] In the exemplary interfaces 200I to 200J shown in Figures 2I to 2J, terminal device 110 displays the editing panel 280 when it detects that user 140 single-clicks the "Shopping Mall" navigation tab 219 and selects the edit trigger control 270. At this time, if terminal device 110 detects that user 140 clicks the close control 281 in the editing panel 280, terminal device 110 displays the bubble-type notification "You can edit by long-pressing" in interface 200J.

[0072] In some embodiments, 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, the terminal device 110 detects that a page corresponding to the navigation tab in the second navigation area has been displayed, and displays second presentation information in the area related to the first navigation tab.

[0073] In some cases, after a successful switch, if the terminal device 110 detects that a page corresponding to a navigation tab in the second navigation area has been displayed, it displays the second presentation information in the area associated with the first navigation tab.

[0074] Looking back at the example interface 200E in Figure 2E, after a successful switch, if the terminal device 110 detects that a page corresponding to the "Recommended" navigation tab 217 in the navigation area 210 has been displayed, it displays a second suggestion information 251 in the form of a bubble in the area related to the "Friends" navigation tab 212. For example, the second suggestion information 251 is "Friends navigation tab 251 has moved here."

[0075] 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 tab to the second navigation tab in the first navigation area and switches the second navigation tab to the first navigation tab in the second navigation area, it displays at least one of the first presentation information in the area associated with the second navigation tab, or the second presentation information in the area associated with the first navigation tab, in response to the target application being restarted.

[0076] After successfully switching navigation tabs, if the target application is restarted, the terminal device 110 can display the first presentation information in the area related to the second navigation tab. Additionally, the terminal device 110 can also display the second presentation information in the area related to the first navigation tab.

[0077] In some cases, after the switchover is complete and the target application is restarted for the first time, the terminal device 110 displays the first presentation information in the area related to the second navigation tab. Then, when the target application is restarted for the second time, the terminal device 110 displays the second presentation information in the area related to the first navigation tab.

[0078] In summary, each embodiment of this disclosure enables adjustment of navigation tabs in the navigation area based on user selections in the editing panel. This allows users to easily and quickly customize the display positions of multiple navigation tabs and flexibly adjust the display of navigation tabs according to their usage needs, thereby contributing to improved page browsing efficiency and user experience. Exemplary process

[0079] Figure 3 shows a flowchart of Method 300 for page interaction according to several embodiments of the present disclosure. Method 300 may be implemented in terminal device 110. The process 300 will be described below with reference to Figure 1.

[0080] In block 310, the terminal device 110 displays at least one navigation tab in the first navigation area and at least one navigation tab in the second navigation area, and each navigation tab is used to navigate to the corresponding page.

[0081] In block 320, the terminal device 110, in response to detecting a predetermined trigger for the first navigation tab in the first navigation area, displays an editing panel containing at least one second navigation tab to replace the first navigation tab, and the second navigation tab is now displayed in the second navigation area.

[0082] In block 330, the terminal device 110, in response to detecting a selection for the second navigation tab in the editing panel, switches the first navigation tab to the second navigation tab in the first navigation area, and switches the second navigation tab to the first navigation tab in the second navigation area.

[0083] In some embodiments, displaying the editing panel includes displaying the editing panel in response to detecting a first trigger operation on a first navigation tab.

[0084] In some embodiments, displaying the editing panel includes displaying an editing trigger control in response to detecting a second trigger operation on a first navigation tab, and displaying the editing panel in response to detecting a selection on the editing trigger control.

[0085] In some embodiments, the second trigger operation is further configured to trigger a preset operation for the page corresponding to the first navigation tab, and displaying the edit trigger control includes displaying the edit trigger control and simultaneously performing the preset operation for the page corresponding to the first navigation tab in response to detecting the second trigger operation for the first navigation tab.

[0086] In some embodiments, displaying the edit trigger control further includes, in response to detecting a second trigger operation on a first navigation tab, determining whether the edit trigger control has been displayed a predetermined number of times previously, and, if it is determined that the edit trigger control has not been displayed a predetermined number of times previously, displaying the edit trigger control.

[0087] In some embodiments, the second trigger operation is further configured to trigger a preset operation for the page corresponding to the first navigation tab, and the process 300 further includes, if it determines that the edit trigger control has been displayed a predetermined number of times previously and no selection for the edit trigger control has been detected in the predetermined number of displays, then performing the preset operation for the page corresponding to the first navigation tab without displaying the edit trigger control.

[0088] In some embodiments, when displaying a page corresponding to a third navigation tab, a preset trigger for the first navigation tab and a selection for 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 a page corresponding to the second navigation tab in the first navigation area.

[0089] In some embodiments, the process 300 further includes switching a first navigation tab to a second navigation tab in a first navigation area and switching a second navigation tab to a first navigation tab in a second navigation area, and then displaying first presentation information in an area related to the second navigation tab, the first presentation information including at least one of the switching state of the second navigation tab and a guide to the editing method of the second navigation tab.

[0090] In some embodiments, the process 300 further includes displaying second presentation information in the area associated with the first navigation tab in response to detecting that a page corresponding to a navigation tab in the second navigation area has been displayed, after switching a first navigation tab to a second navigation tab in the first navigation area and switching a second navigation tab to a first navigation tab in the second navigation area.

[0091] In some embodiments, process 300 further includes, in response to detecting a predetermined trigger for a second navigation tab in a first navigation area, displaying an editing panel that includes at least a first navigation tab to replace the second navigation tab, and in response to detecting a selection for the first navigation tab in the editing panel, switching the second navigation tab to the first navigation tab in the first navigation area and switching the first navigation tab to the second navigation tab in the second navigation area.

[0092] In some embodiments, the first navigation area and the second navigation area correspond to a target application, and the method further includes, in response to the target application being restarted 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, displaying at least one of the first presentation information in the area associated with the second navigation tab or the second presentation information in the area associated with the first navigation tab. Exemplary devices and equipment

[0093] Figure 4 shows a schematic structural block diagram of a device 400 for page interaction according to several embodiments of the present disclosure. The device 400 may be implemented as a terminal device 110 or included therein. Each module / component in the device 400 may be implemented by hardware, software, firmware, or any combination thereof.

[0094] As shown in the figure, the device 400 includes a tab display module 410 configured to display at least one navigation tab in a first navigation area and at least one navigation tab in a second navigation area, with each navigation tab being used to navigate to a corresponding page. The device 400 further includes a panel display module 420 configured to display an editing panel containing at least a second navigation tab to replace the first navigation tab in response to the detection of a predetermined trigger for a first navigation tab in the first navigation area, the second navigation tab being currently displayed in the second navigation area. The device 400 further includes a tab switching module 430 configured to switch the first navigation tab to the second navigation tab in the first navigation area and the second navigation tab to the first navigation tab in the second navigation area in response to the detection of a selection for the second navigation tab in the editing panel.

[0095] In some embodiments, the panel display module 420 is further configured to display an editing panel in response to the detection of a first trigger operation on a first navigation tab.

[0096] In some embodiments, the panel display module 420 is further configured to display an edit trigger control in response to detecting a second trigger operation on a first navigation tab, and to display an edit panel in response to detecting a selection on the edit trigger control.

[0097] In some embodiments, the second trigger operation is further configured to trigger a preset operation on the page corresponding to the first navigation tab, and the panel display module 420 includes a control display module configured to display an edit trigger control and simultaneously execute the preset operation on the page corresponding to the first navigation tab in response to detecting the second trigger operation on the first navigation tab.

[0098] In some embodiments, the control display module is further configured to determine, in response to detecting a second trigger operation on a first navigation tab, whether the edit trigger control has been displayed a predetermined number of times previously, and to display the edit trigger control if it determines that the edit trigger control has not been displayed a predetermined number of times previously.

[0099] In some embodiments, the second trigger operation is further configured to trigger a preset operation for the page corresponding to the first navigation tab, and the device 400 further includes an operation execution module configured to perform a preset operation for the page corresponding to the first navigation tab without displaying the edit trigger control if it is determined that the edit trigger control has been displayed a predetermined number of times previously and no selection for the edit trigger control has been detected in any of the predetermined number of displays.

[0100] In some embodiments, when displaying a page corresponding to a third navigation tab, a preset trigger for the first navigation tab and a selection for the second navigation tab are detected, and 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 switch the second navigation tab to the first navigation tab in the second navigation area, and then display the page corresponding to the second navigation tab in the first navigation area.

[0101] In some embodiments, the device 400 further includes a first presentation information display module configured to display first presentation information in an area related to the second navigation tab after switching a first navigation tab to a second navigation tab in a first navigation area and switching a second navigation tab to a first navigation tab in a second navigation area, wherein the first presentation information includes at least one of the switching state of the second navigation tab and a guide to the editing method of the second navigation tab.

[0102] In some embodiments, the device 400 further includes a second presentation information display module configured to display second presentation information in the area associated with the first navigation tab in response to detection that a page corresponding to a navigation tab in the second navigation area has been displayed after switching a first navigation tab to a second navigation tab in the first navigation area and switching a second navigation tab to a first navigation tab in the second navigation area.

[0103] In some embodiments, the tab switching module 430 is further configured to display an editing panel containing at least one first navigation tab to replace the second navigation tab in response to detecting a predetermined trigger for a second navigation tab in a first navigation area, and to switch the second navigation tab back to the first navigation tab in the first navigation area and the first navigation tab back to the second navigation tab in the second navigation area in response to detecting a selection for the first navigation tab in the editing panel.

[0104] In some embodiments, the first navigation area and the second navigation area correspond to a target application, and the device 400 further includes an information display module configured to display at least one of first presentation information in an area associated with the second navigation tab, or second presentation information in an area associated with the first navigation tab, in response to the target application being restarted 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.

[0105] Figure 5 shows a block diagram of an electronic device 500 that can implement one or more embodiments of the present disclosure. It should be understood that the electronic device 500 shown in Figure 5 is illustrative and does not imply any limitation on the function 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.

[0106] As shown in Figure 5, the electronic device 500 is a general-purpose electronic device. The components of the electronic device 500 may include, but are not limited to, one or more processors 510 or processing units, memory 520, storage devices 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processor 510 may be an actual or virtual processor and can perform various processes based on a program stored in memory 520. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0107] The electronic device 500 generally includes multiple computer storage media. Such media may be any obtainable media accessible to the electronic device 500, and may include, but are not limited to, volatile and non-volatile media, and removable and non-removable media. Memory 520 may be volatile memory (e.g., registers, caches, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or any combination thereof. Storage device 530 may be removable or non-removable media, and may include machine-readable media, such as flash memory drives, magnetic disks, or any other media, which can be used to store information and / or data (e.g., training data for training) and are accessible within the electronic device 500.

[0108] The electronic device 500 may further include other removable / non-removable, volatile / non-volatile storage media. Not shown in Figure 5, a magnetic disk drive for reading from or writing to removable, non-volatile magnetic disks (e.g., “floppy disks”) and an optical disk drive 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) by one or more data media interfaces. The memory 520 may include a computer program product 525 having one or more program modules configured to perform various methods or operations of various embodiments of the present disclosure.

[0109] The communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented by a single computing cluster or multiple computing machines, which can communicate via a communication connection. Therefore, the electronic device 500 can operate in a network environment using logical connections with one or more other servers, network personal computers (PCs), or other network nodes.

[0110] The input device 550 may be one or more input devices, such as a mouse, keyboard, or trackball. The output device 560 may be one or more output devices, such as a display, speaker, or printer. The electronic device 500 may further communicate with one or more external devices (not shown), such as a storage device or display device, via the communication unit 540 as needed, with one or more devices for user interaction with the electronic device 500, or with any devices (e.g., a network card or modem) for communication between the electronic device 500 and one or more other electronic devices. Such communication may be performed via an input / output (I / O) interface (not shown).

[0111] An exemplary embodiment of the present disclosure provides a computer-readable storage medium that stores computer-executable instructions that are executed by a processor and implement the methods described above. An exemplary embodiment of the present disclosure further provides a computer program product that includes computer-executable instructions that are tangibly stored in a non-temporary computer-readable medium and that are executed by a processor and implement the methods described above.

[0112] Each aspect of this disclosure is described with reference to flowcharts and / or block diagrams of methods, apparatus, devices, and computer program products implemented based on this disclosure. It should be understood that each block in the flowcharts and / or block diagrams, and each combination of blocks in the flowcharts and / or block diagrams, may be implemented by computer-readable program instructions.

[0113] By providing these computer-readable program instructions to the processor of a general-purpose computer, a dedicated computer, or other programmable data processing device, a machine can be generated, thereby generating a device that, when these instructions are executed by the processor of the computer or other programmable data processing device, implements the functions / operations defined in one or more blocks in a flowchart and / or block diagram. These computer-readable program instructions may be stored in a computer-readable storage medium, and by operating the computer, programmable data processing device, and / or other device in a particular manner, the computer-readable medium on which the instructions are stored includes a product that includes instructions that implement each aspect of the functions / operations defined in one or more blocks in a flowchart and / or block diagram.

[0114] Computer-readable program instructions may be loaded into a computer, other programmable data processing device, or other device, thereby executing a series of operational steps in the computer, other programmable data processing device, or other device, and generating a process realized by the computer, the instructions executed in the computer, other programmable data processing device, or other device realize the functions / operations defined in one or more blocks in a flowchart and / or block diagram.

[0115] The flowcharts and block diagrams in the drawings illustrate the implementable system architectures, functions, and operations of systems, methods, and computer program products in multiple implementations of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, program segment, or part of an instruction, which includes one or more executable instructions for implementing a defined logical function. In some implementations as replacements, the functions attached to a block may occur in a different order than those attached to the drawings. For example, two consecutive blocks may actually be executed nearly in parallel, or in some cases in reverse order, depending on the functions involved. Note that each block in a block diagram and / or flowchart, and combinations of blocks in a block diagram and / or flowchart, may be implemented by a dedicated hardware-based system that performs the defined function or operation, or by a combination of dedicated hardware and computer instructions.

[0116] The above descriptions of the various realizations of this disclosure are illustrative, not exhaustive, and not limited to the realizations disclosed. Many modifications and changes will be apparent to those skilled in the art without departing from the scope and spirit of the realizations described. The choice of terms used herein is intended to best interpret the principles of each realization, its practical applications, or improvements in the technology in the market, or to enable those other skilled in the art to understand each realization disclosed herein.

Claims

1. A page interaction method, The system displays at least one navigation tab in the first navigation area and at least one navigation tab in the second navigation area, and each navigation tab is used to navigate to the corresponding page. In response to detecting a predetermined trigger for the first navigation tab in the first navigation area, an editing panel is displayed that includes at least one second navigation tab to replace the first navigation tab, and that the second navigation tab is currently displayed in the second navigation area. A page interaction method comprising, in response to detecting a selection for the second navigation tab in the editing panel, switching the first navigation tab in the first navigation area to the second navigation tab, and switching the second navigation tab in the second navigation area back to the first navigation tab.

2. Displaying the aforementioned editing panel means The method according to claim 1, comprising displaying the editing panel in response to the detection of a first trigger operation on the first navigation tab.

3. Displaying the aforementioned editing panel means In response to detecting a second trigger operation on the first navigation tab, the edit trigger control is displayed, The method according to claim 1, further comprising displaying the editing panel in response to detecting a selection for the editing trigger control.

4. The second trigger operation is further configured to trigger a preset operation on the page corresponding to the first navigation tab, and the display of the edit trigger control is The method according to claim 3, comprising, in response to detection of the second trigger operation on the first navigation tab, performing the preset operation on the page corresponding to the first navigation tab while displaying the edit trigger control.

5. Displaying the aforementioned editing trigger control means In response to detecting the second trigger operation on the first navigation tab, it is determined whether the edit trigger control has been displayed a predetermined number of times previously, The method of claim 3, further comprising displaying the edit trigger control if it is determined that the edit trigger control has not been displayed a predetermined number of times previously.

6. The second trigger operation is further configured to trigger a preset operation on the page corresponding to the first navigation tab, the method is: The method of claim 5, further comprising, if it is determined that the edit trigger control has been displayed a predetermined number of times previously and no selection for the edit trigger control has been detected during the predetermined number of displays, performing the preset operation on the page corresponding to the first navigation tab without displaying the edit trigger control.

7. The method involves detecting the preset trigger for the first navigation tab and the selection for the second navigation tab when displaying a page corresponding to the third navigation tab, wherein the method is: The method according to claim 1, further comprising switching the first navigation tab in the first navigation area to the second navigation tab, and then switching the second navigation tab in the second navigation area back to the first navigation tab, and then displaying the page corresponding to the second navigation tab in the first navigation area.

8. The method further includes switching the first navigation tab to the second navigation tab in the first navigation area and switching the second navigation tab back to the first navigation tab in the second navigation area, and then displaying the first presentation information in the area associated with the second navigation tab. The method according to claim 1, wherein the first presentation information includes at least one of the switching state of the second navigation tab and a guide for the editing method of the second navigation tab.

9. The method according to claim 1, further comprising: switching the first navigation tab in the first navigation area to the second navigation tab, and then, after switching the second navigation tab in the second navigation area to the first navigation tab, detecting that a page corresponding to the navigation tab in the second navigation area has been displayed, displaying second presentation information in the area associated with the first navigation tab.

10. In response to detecting the predetermined trigger for the second navigation tab in the first navigation area, display an editing panel that includes at least the first navigation tab to replace the second navigation tab, The method according to claim 1, further comprising, in response to detecting a selection for the first navigation tab in the editing panel, switching the second navigation tab in the first navigation area to the first navigation tab, and switching the first navigation tab in the second navigation area to the second navigation tab.

11. The first navigation area and the second navigation area correspond to the target application, and the method is as follows: In the first navigation area, the first navigation tab is switched to the second navigation tab, and in the second navigation area, the second navigation tab is switched back to the first navigation tab. In response to the target application being restarted, The first presentation information in the area associated with the second navigation tab, The method according to claim 1, further comprising displaying at least one of the following: a second presentation information in the area associated with the first navigation tab.

12. A device for page interaction, A tab display module configured to display at least one navigation tab in a first navigation area and at least one navigation tab in a second navigation area, with each navigation tab being used to navigate to a corresponding page. A panel display module is configured to display an editing panel including at least a second navigation tab to replace the first navigation tab in response to the detection of a predetermined trigger for a first navigation tab in the first navigation area, and to display the second navigation tab so that it is currently displayed in the second navigation area. A device for page interaction, comprising: a tab switching module configured to switch the first navigation tab to the second navigation tab in the first navigation area and to switch the second navigation tab to the first navigation tab in the second navigation area in response to detection of a selection for the second navigation tab in the editing panel.

13. At least one processor, An electronic device comprising at least one memory coupled to the at least one processor for storing instructions executed by the at least one processor, wherein when the instructions are executed by the at least one processor, the electronic device is made to perform the method according to any one of claims 1 to 11.

14. A computer-readable storage medium storing a computer program that, when executed by a processor, can implement the method described in any one of claims 1 to 11.

15. A computer program product that, when stored in a computer storage medium and executed by a device, includes a computer-executable instruction causing the device to perform the method according to any one of claims 1 to 11.

Images