Methods and apparatus for page interaction, device and storage medium

Abstract

According to the embodiments of the present disclosure, provided are methods and apparatus for page interaction, a device and a storage medium. One method comprises: presenting in order a plurality of navigation tabs in a navigation region of a page; presenting a position adjustment control for a first navigation tab among the plurality of navigation tabs; and, in response to detecting a preset operation regarding the position adjustment control, adjusting the position for presenting the first navigation tab in the navigation region. Thus, users are allowed to conveniently and quickly customize an order in which the plurality of navigation tabs are arranged, and to flexibly adjust the presentation of the navigation tabs according to use requirements, thus helping to improve page browsing efficiency and user experience.

Description

Method, device, equipment and storage medium for page interaction

[0001] This application claims priority to the Chinese invention patent application entitled “Method, apparatus, device and storage medium for page interaction” and application number 202310597935.1, filed on May 24, 2023. The entire contents of that application are incorporated herein by reference. Technical Field

[0002] Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to a method, apparatus, device, and computer-readable storage medium for page interaction. Background Art

[0003] 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 use specific applications with specific functions to achieve specific services.

[0004] To integrate more functionality and provide more content within an app, multiple pages are typically associated with the app to provide different content. When multiple pages are associated, the app can provide a navigation area to facilitate navigating between pages based on navigation labels within the navigation area. The navigation area can be located at the top, bottom, or side of the page to display navigation labels. The navigation area serves as a link between the various pages within a site or app.

[0005] Summary of the Invention

[0006] In a first aspect of the present disclosure, a method for presenting content is provided. The method comprises: sequentially presenting a plurality of navigation tabs in a navigation area of ​​a page; presenting a position adjustment control for a first navigation tab among the plurality of navigation tabs; and, in response to detecting a preset operation on the position adjustment control, adjusting a presentation position of the first navigation tab in the navigation area.

[0007] In a second aspect of the present disclosure, a method for presenting content is provided. The method includes: sequentially presenting multiple navigation tabs in a navigation area of ​​a page; in response to detecting a preset gesture operation directed to the navigation area, presenting a panel that presents at least multiple tab indicators corresponding to the multiple navigation tabs; detecting a position adjustment operation for the multiple tab indicators in the panel; and adjusting the presentation order of the multiple navigation tabs in the navigation area based on the position adjustment operation.

[0008] In a third aspect of the present disclosure, a device for page interaction is provided. The device includes: a first presentation module configured to sequentially present multiple navigation tabs in a navigation area of ​​a page; a second presentation module configured to present a position adjustment control for a first navigation tab among the multiple navigation tabs; and a first adjustment module configured to adjust the presentation position of the first navigation tab in the navigation area in response to detecting a preset operation on the position adjustment control.

[0009] In a fourth aspect of the present disclosure, a device for page interaction is provided. The device includes: a third presentation module configured to sequentially present multiple navigation tags in a navigation area of ​​a page; a fourth presentation module configured to, in response to detecting a preset gesture operation for the navigation area, present a panel that at least presents multiple tag indications corresponding to the multiple navigation tags; a detection module configured to detect a position adjustment operation for the multiple tag indications in the panel; and a second adjustment module configured to adjust the presentation order of the multiple navigation tags in the navigation area based on the position adjustment operation.

[0010] In a fifth aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. When executed by the at least one processing unit, the instructions cause the device to perform the method of the first and / or second aspects.

[0011] In a sixth aspect of the present disclosure, a computer-readable storage medium is provided, wherein a computer program is stored on the computer-readable storage medium, and the computer program can be executed by a processor to implement the method of the first aspect and / or the second aspect.

[0012] It should be understood that the content described in this summary section is not intended to limit the key features or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0013] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. In the accompanying drawings, the same or similar reference numerals represent the same or similar elements, wherein:

[0014] FIG1 shows a schematic diagram of an example environment in which embodiments of the present disclosure can be implemented;

[0015] 2A to 2F are schematic diagrams showing example pages for adjusting navigation tags according to some embodiments of the present disclosure;

[0016] 3A to 3C are schematic diagrams showing example pages for adjusting navigation tags according to other embodiments of the present disclosure;

[0017] FIG4 shows a flowchart of a method for page interaction according to some embodiments of the present disclosure;

[0018] FIG5 shows a flowchart of a method for page interaction according to other embodiments of the present disclosure;

[0019] FIG6 shows a block diagram of an apparatus for page interaction according to some embodiments of the present disclosure;

[0020] FIG7 shows a block diagram of an apparatus for page interaction according to other embodiments of the present disclosure; and

[0021] FIG8 illustrates a block diagram of an electronic device in which one or more embodiments of the present disclosure may be implemented. DETAILED DESCRIPTION

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

[0023] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, i.e., "including but not limited to". The term "based on" should be understood as "based at least in part 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 be included below.

[0024] Herein, unless explicitly stated otherwise, executing a step “in response to A” does not mean executing the step immediately after “A” but may include one or more intermediate steps.

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

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

[0027] For example, in response to receiving a user's active request, a prompt message is sent to the user to clearly remind the user that the operation requested to be performed will require obtaining and using the user's personal information, so that the user can independently choose whether to provide personal information to the electronic device, application, server or storage medium and other software or hardware that performs the operation of the technical solution of the present disclosure based on the prompt message.

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

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

[0030] FIG1 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 devices attached to the terminal device 110. The application 120 can be a content acquisition application (e.g., an online video acquisition application), an online shopping application, or any other appropriate application.

[0031] In the environment 100 of Figure 1, if the application 120 is in an active state, the terminal device 110 can present a page 150 of the application 120. The page 150 can include various types of pages that the application 120 can provide, such as a content presentation page, a content creation page, a content publishing page, a message page, a personal homepage, and the like. The application 120 can provide a content viewing function to view various types of content published in the application 120. Via the corresponding page, the application 120 can provide online content such as media content to the user 140. Via appropriate means, such as clicking or selecting a page element, the application 120 can also switch to a plurality of pages for presenting content to the user 140. In this article, "media content" includes one or more types of content, such as images, image collections, videos, animated images, audio, text, and the like.

[0032] In some embodiments, the terminal device 110 communicates with the server 130 to enable the supply of services to the application 120. The terminal device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a personal communication system (PCS) device, a personal navigation device, a personal digital assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an e-book device, a gaming device or any combination thereof, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 can also support any type of interface for the user (such as a "wearable" circuit, etc.). The server 130 can be various types of computing systems / servers that can provide computing power, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, and the like.

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

[0034] Typically, multiple types of content can be provided in an application, and different pages can be used to present these contents. For example, a navigation tag associated with a page can be provided so that the user can use the navigation tag to indicate and jump to the desired page. Typically, the navigation tag can be integrated into the navigation area of ​​the application. A set of navigation tags can be present in the navigation area to enable the user to switch pages. In addition, the navigation area can be presented in a suspended manner on the page of the application to avoid the page content affecting the use of the navigation area.

[0035] Currently, the order and position of navigation tabs in the navigation area of ​​many apps are fixed, with no user-modifiable functionality and a lack of flexibility. Furthermore, when there are many available navigation tabs, given the limited size of the navigation area, only some fixed tabs may be displayed, and displaying more tabs requires complex operations. This hinders page browsing convenience, preventing some users from placing their most interesting tabs in easily visible and accessible locations.

[0036] According to an embodiment of the present disclosure, a solution for adjusting navigation tags is proposed. For multiple navigation tags presented sequentially in a navigation area of ​​a page, a user's position adjustment operation on at least one of the multiple navigation tags is detected. The presentation order of the multiple navigation tags in the navigation area is adjusted based on the detected position adjustment operation.

[0037] In some embodiments, the position adjustment of navigation tabs can be achieved by dynamically providing a position adjustment control for a specific navigation tab. Specifically, multiple navigation tabs are sequentially presented in the navigation area of ​​the page; a position adjustment control is presented for a first navigation tab among the multiple navigation tabs; and in response to detecting a preset operation on the position adjustment control, the presentation position of the first navigation tab in the navigation area is adjusted. The presentation of the position adjustment control allows users to quickly adjust the position of specific navigation tabs as needed, making the arrangement of navigation tabs more suitable for user needs, thereby helping to improve page browsing efficiency and user experience.

[0038] In some embodiments, a panel can be triggered by a preset gesture operation, allowing the user to customize the arrangement of navigation tabs by operating within the panel. Specifically, multiple navigation tabs are sequentially presented in a navigation area of ​​a page; in response to detecting a preset gesture operation directed to the navigation area, a panel is presented that at least presents multiple tab indicators corresponding to the multiple navigation tabs; a position adjustment operation for the multiple tab indicators is detected within the panel; and the presentation order of the multiple navigation tabs within the navigation area is adjusted based on the position adjustment operation.

[0039] As a result, users can select the appropriate navigation tab adjustment method to adjust the navigation tabs in the navigation area according to their needs. This allows users to easily and quickly customize the order of multiple navigation tabs and flexibly adjust the presentation of navigation tabs according to their needs, helping to improve page browsing efficiency and user experience.

[0040] Some example embodiments of the present disclosure will be described below with continued reference to the accompanying drawings.

[0041] In an embodiment of the present disclosure, when the terminal device 110 provides the user with a page 150, a plurality of navigation tabs may be presented in a certain arrangement order in the navigation area of ​​the page 150. Generally, the number of navigation tabs presented in the navigation area may be preset based on the space occupied by the navigation tabs and the overall 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.

[0042] For example, when the navigation labels are arranged horizontally, the arrangement order can be determined based on a 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 arrangement logic based on it are only exemplary and are not intended to be limiting. For example, the above arrangement order can also be vertical from top to bottom, from bottom to top, or in a circular arrangement, etc., thereby avoiding a cluttered presentation of the navigation labels.

[0043] In an embodiment of the present disclosure, the terminal device 110 may allow the user 140 to adjust the position of the navigation tag in the page 150 as needed, so that the user 140 can provide the ability to personalize the selection and configuration of the navigation tag by customizing the sorting of the navigation tags. In this way, the user 140 can still obtain the navigation tags he needs when the screen space is limited, thereby improving his user experience. For example, the user 140 may be allowed to adjust the arrangement order of the navigation tags in the navigation area, for example, swap the positions of navigation tag A and navigation tag B, adjust the presentation position of navigation tag A to the left of navigation tag C, and so on. This position adjustment interaction can be implemented in a variety of ways.

[0044] In some embodiments, terminal device 110 may provide a position adjustment control on the page, so that user 140 can adjust the navigation label based on the position adjustment control. For example, the position adjustment control may be presented in association with navigation label A, and user 140 uses the position adjustment control to adjust the presentation position of navigation label A. Alternatively or additionally, the position adjustment control may also be provided in the form of a bubble to provide user 140 with a better presentation effect.

[0045] In some embodiments, the terminal device 110 may provide the user 140 with a panel for adjusting the position of the navigation tag, so that the user 140 may adjust the navigation tag using a tag indication associated with the navigation tag presented in the panel.

[0046] The following will discuss and illustrate two different adjustment methods by way of example.

[0047] First, we will discuss providing a position adjustment control for adjusting the position of a navigation tab. For ease of understanding, this will be explained with reference to Figures 2A to 2E. Figures 2A to 2E respectively illustrate example pages 200A to 200F for adjusting navigation tabs according to some embodiments of the present disclosure.

[0048] In an embodiment of the present disclosure, the terminal device 110 may provide a navigation area in the page 150, wherein a plurality of navigation tabs may be presented in the navigation area. As described above, the plurality of navigation tabs may be arranged and presented in a certain order. For ease of description, the arrangement order used here and below is exemplified by a right-to-left, horizontal arrangement, i.e., the navigation tab located on the far right of the navigation area may be considered the frontmost navigation tab.

[0049] For example, reference can be made to Figure 2A. In the page 200A shown in Figure 2A, a navigation area 210 is presented, and the navigation area 210 includes multiple navigation tags 211 to 214, with the "Recommended" navigation tag 211 as the front navigation tag. Furthermore, the content currently presented by page 200A (for example, presented in area 220) can be associated with and correspond to the navigation tag. Thus, the terminal device 110 can also highlight the currently selected navigation tag (for example, navigation tag 213) to indicate the navigation tag associated with the content presented in the current page. Similarly, when the user 140 selects other navigation tags and jumps to other pages, the terminal device 110 can adjust the highlighted navigation tag in a similar manner for prompting. For the convenience of description, the currently presented page is referred to as the first page.

[0050] In some embodiments, the terminal device 110 may also provide multiple navigation areas, for example, to implement multi-level navigation tag division. For example, in Figure 2A, the terminal device 110 also provides a navigation area 230, which includes navigation tags 231 to 235. The navigation tags presented in the navigation area 210 are associated with the navigation tags selected in the navigation area 230. For example, when the navigation tag 231 in the navigation area 230 is selected, the navigation area 210 presents navigation tags 211 to 214 associated with the navigation tag 231 (for example, belonging to the content item indicated by the navigation tag 231). The content presented in the current page is associated with the "City A" navigation tag 213 under the "Home" navigation tag 231.

[0051] Furthermore, the terminal device 110 presents a position adjustment control for a navigation tag among the multiple navigation tags. In an embodiment of the present disclosure, the terminal device 110 may present a position adjustment control for a navigation tag among the navigation tags on page 150. Generally, the navigation tag presented with the position adjustment control may be any navigation tag in the navigation area. For ease of description, the navigation tag presented with the position adjustment control may be referred to as the first navigation tag.

[0052] In some embodiments, to improve the quality of adjustments, or to make adjustments more likely to be accepted, the terminal device 110 may be configured with certain presentation logic to facilitate presenting position adjustment controls for navigation tabs that are more likely to be adjusted. For example, the terminal device 110 may determine the navigation tabs to be presented with position adjustment controls based on the user's 140 historical interactions with the pages corresponding to the navigation tabs.

[0053] In some embodiments, if the first navigation tag corresponds to the first page, the terminal device 110 can detect whether the predetermined interaction condition associated with the user 140 and the first page is satisfied to determine whether to present a position adjustment control for adjusting the first navigation tag. For example, the preset interaction condition may include whether the time the user 140 has browsed the first page in the past period of time exceeds a time threshold, whether the number of works browsed exceeds a quantity threshold, and so on. Exemplarily, the terminal device 110 can present a position adjustment control for the first navigation tag if it is determined that the preset interaction condition of the user 140 meets the requirements (for example, the time browsed on the first page in a period of time exceeds a time threshold). Thus, when, for example, the user 140 uses a certain navigation tag more frequently, its presentation order can be improved to facilitate the use of the user 140. For another example, when the first navigation tab does not correspond to the first page, for navigation tabs that have not been selected or triggered by the user 140, the terminal device 110 can similarly detect whether the first navigation tab has not been used by the user 140 for a long time, or whether the number of times the first navigation tab has been triggered in the past period of time is lower than a threshold, and present a position adjustment control when the conditions are met (for example, it has not been used by the user 140 for a long time). In this way, when the user 140 does not frequently use a certain navigation tab, its presentation order can be lowered to facilitate the user 140 to use other navigation tabs.

[0054] In some embodiments, if the first navigation tag corresponds to the first page, for the first navigation tag, the terminal device 110 can present the position adjustment control corresponding to the first navigation tag after determining that the first page is presented for a predetermined time (for example, 30 seconds after presentation). This can facilitate the user 140 to adjust the navigation tag associated with the currently presented page while avoiding interference to the user 140. For example, the user 140 may only browse the page briefly or be in the process of switching pages. Providing the position adjustment control too quickly and frequently may cause unnecessary interference to the user 140 and affect the user experience of the user 140. This configuration method can provide a better user experience for the user 140 in this scenario.

[0055] Exemplarily, referring to page 200B shown in FIG2B , page 200B is exemplified by presenting a position adjustment control 241 for the first navigation tag (i.e., navigation tag 213). For example, the position adjustment control 241 may be provided to the user 140 after the user has browsed the first page (e.g., page 200A) for more than 30 seconds. Alternatively or additionally, to facilitate the user 140 in understanding the reason, function, and adjustment result of the position adjustment control 241 being provided, the terminal device 110 may provide first prompt information 242 in association with the position adjustment control 241. Alternatively or additionally, to facilitate the user 140 in better associating the position adjustment control 241 and the first prompt information 242, the terminal device 110 may combine the two in a combined presentation style (e.g., a prompt box 240) including but not limited to bubbles and small windows, and present them together to the user 140.

[0056] For the position adjustment control, different adjustment logic can also be configured according to specific applications to meet different adjustment needs. For example, the adjustment logic of the position adjustment control can adjust the navigation label to a preset position (e.g., first, last), or it can move it up or down a predetermined number of positions (e.g., if the position adjustment control is triggered once, it moves it up one position), etc. In some embodiments, the terminal device 110 can configure a target position associated with the position adjustment control (for convenience of description, this target position can be referred to as a first preset position). That is, after the user 140 triggers the position adjustment control, the corresponding navigation label is adjusted to this first preset position. The first preset position can be a relatively forward position in the navigation area. For example, the first preset position can be a position in the navigation area with the first or second position, etc. Thus, the user 140 can adjust the current navigation label to the corresponding first preset position based on the position adjustment control 241. Alternatively or additionally, the terminal device 110 can be configured with one or more fixed navigation labels based on actual needs, and each fixed navigation label will not change position due to the adjustment of other navigation labels. In some embodiments, multiple navigation labels can also be fixed in the form of "groups". For example, the navigation tags from the first to the third order are fixed navigation tags A, B, and C, which will not change due to the adjustment of the positions of other navigation tags.

[0057] In some embodiments, when setting the adjustment logic, certain constraints (e.g., rank constraints) may also be set for the navigation tags to enrich the user 140's experience while avoiding the problem of some potentially necessary pages or functions not being provided due to the user 140's adjustments. For example, in the above example, the terminal device 110 may desire to stably provide a certain navigation tag to the user 140 in a fixed (or stable) position. For example, the terminal device 110 may desire to stably present the "Recommendation" navigation tag 211 in the first rank (e.g., the rightmost position). For ease of description, the navigation tag that is expected to be stably provided in such a fixed position can be referred to as the second navigation tag. Accordingly, the page that can be provided based on the second navigation tag can be referred to as the second page, and the position where the second navigation tag is fixed is the second preset position in the navigation area. In this case, the first preset position can be configured as a position adjacent to the second preset position (e.g., the first preset position is the first position to the left of the second preset position). In this way, while maintaining the original fixed logic for the second navigation tag, the presentation rank of the adjusted navigation tag can be improved as much as possible to take into account both the original presentation logic and the user's dynamic adjustment needs. It should be understood that the description of navigation label 211 is merely exemplary and the present disclosure is not intended to limit this. In combination with actual usage, the fixed navigation label can be arbitrary, such as navigation label 213, navigation label 214, etc.

[0058] Alternatively or additionally, the second page can also be configured as the initial page (or default page) provided to the user 140 after the application 120 is launched by the user 140, or the default page presented after the navigation tab (for example, the "Home" navigation tab 231) is selected in the bottom navigation area 230, or a page that is set with a fixed display position in other ways.

[0059] In some embodiments, when setting the adjustment logic, the adjustment logic can also be set in a manner similar to stepping. For example, the position adjustment control 241 can be configured so that each time it is triggered, the corresponding first navigation tab moves in a predetermined direction by a predetermined order. In some embodiments, the predetermined direction can be determined based on the arrangement of a group of navigation tabs. For example, when the adjustment method is to increase the order, the predetermined direction can be a direction toward a position that is closer to the current presentation position of the first navigation tab (for example, in an example of a right-to-left arrangement, the predetermined direction can be from left to right). In the case of a fixed second navigation tab (for example, navigation tab 211), the direction corresponding to the increase in order can be the direction from the position of the first navigation tab to the second navigation tab. For example, on page 200B, such a direction can be the direction from navigation tab 213 to navigation tab 211. This allows the adjusted navigation tab 213 to be closer to navigation tab 211, i.e., to have a higher presentation order than before the adjustment. Generally, the predetermined order referenced during the movement can be in units of 1 bit, so that the navigation tabs can be adjusted in a step-by-step manner, for example. In this case, the user 140 may also indicate multiple moves by continuously clicking the position adjustment control 241, and the terminal device 110 may determine the number of moves based on the interaction result of the user 140 and move accordingly. It should be understood that the predetermined sequence can also be in other numerical units, such as 2 digits, 3 digits, etc., to achieve a jump-like movement, and the present disclosure is not limited to this.

[0060] Furthermore, when the user 140 performs a preset operation based on the position adjustment control 241 (for example, by a single left click or multiple left clicks of the mouse, or by triggering the position adjustment control 241 based on gestures, touch triggers, etc.), the terminal device 110 can respond to this and adjust the presentation position of the first navigation label (for example, navigation label 213) in the navigation area 210. In an embodiment of the present disclosure, if the position adjustment control 241 is triggered, the terminal device 110 can adjust the navigation label 213 indicated by it based on the adjustment logic of the position adjustment control 241. For example, if the position adjustment control 241 is configured with an adjustment logic of moving 1 position to the left, if the position adjustment control 241 is triggered, the terminal device 110 can adjust the navigation label 213 to the position originally occupied by the navigation label 212, and push the navigation label 212 back to the position originally occupied by the navigation label 213, so as to achieve a right shift of the navigation label 213 by one position. Alternatively or additionally, in order to facilitate the user 140 to understand the adjustment process, the terminal device 110 may also present the movement of the first navigation label from the current presentation position to the adjusted presentation position with an animation effect to facilitate the user 140 to understand.

[0061] Exemplarily, with reference to Figures 2C and 2D, in page 200C, after the user 140 triggers the position adjustment control 241, the terminal device 110 can present the process of shifting the navigation label 213 to the right by 1 position with an animation effect 243, and obtain the adjusted page 200D as shown in Figure 2D. In some embodiments, a second prompt message 251 can also be presented in the adjusted page 200D to prompt the adjustment result (for example, "adjustment successful"). In some embodiments, if the terminal device 110 also provides other adjustment methods, for example, a method of waking up the panel for adjustment based on a preset gesture (for example, long press) that will be discussed in detail later, the terminal device 110 can also prompt this in the second prompt message 251. For example, the second prompt message 251 can also include "long press can trigger further adjustment."

[0062] For ease of understanding, you can also refer to Figure 2E for example. In Figure 2E, the adjustment logic of the position adjustment control 241 can be to adjust the associated first navigation tag directly to a position adjacent to the second navigation tag (i.e., the first preset position). To describe this more clearly, in Figure 2E, adjustments can be made to the "Explore" navigation tag 214, and accordingly, the prompt box 240 can be associated with the navigation tag 214. For example, the information indicated in the first prompt information 242 can be changed to "Adjust the exploration to the left side of the recommendation" to indicate this. Similarly, the terminal device 11O can also present the process of moving the navigation tag 214 to the left side of the "Recommendation" navigation tag 211 with an animation effect 244, and obtain the adjusted page 200F.

[0063] Therefore, by providing a position adjustment control, users can be supported to adjust the navigation labels in the navigation area conveniently and quickly.

[0064] Next, we will discuss in detail the specific content of the method for awakening the panel based on the preset gesture to achieve adjustment. For ease of understanding, we will illustrate with reference to Figures 3A to 3C. Figures 3A to 3C respectively show schematic diagrams of example pages 300A to 300C for adjusting navigation tabs according to other embodiments of the present disclosure.

[0065] In an embodiment of the present disclosure, the terminal device 110 can similarly provide a navigation area (e.g., navigation area 210) in page 150, and the navigation area 210 includes a plurality of navigation tags 211 to 214 presented in sequence. For this, reference can be made to the discussion in the previous related parts, which will not be repeated here.

[0066] In an embodiment of the present disclosure, the terminal device 110 may be configured with a preset gesture operation associated with the navigation area 210, and respond when detecting that the user 140 has made a preset gesture operation on the navigation area 210 to provide a panel for adjusting the navigation area 210 (also referred to as an "adjustment panel" or "label adjustment panel", etc.). In some embodiments, the preset gesture operation may include a continuous tap gesture, a long press gesture, etc., so that the user 140 can interact with the terminal device 110 based on the preset gesture operation to trigger the presentation of the panel for adjusting the navigation label. In addition, the terminal device 110 may also expand based on the area of ​​the navigation area 210, and use a certain range of the neighborhood of the navigation area 210 (for example, extending the neighborhood of the navigation area 210 by a preset distance) as a detection area for the preset gesture operation to facilitate the use of the user 140. Thus, the terminal device 110 can detect whether the user 140 desires to call out the panel by detecting whether there is a long press gesture (for example, a long press of more than 10 seconds) by the user 140 in the navigation area 210 or in the neighborhood of the navigation area 210.

[0067] In some embodiments, prompt information may be provided to indicate that the user 140 can trigger the presentation of the panel through a preset gesture operation. For example, in the embodiment based on the position adjustment control described above, a second prompt information 251 "Long press can trigger further adjustment" may be provided to enable the user 140 to understand how to trigger the adjustment panel. In some embodiments, even if the navigation label is not adjusted based on the position adjustment control, prompt information may be presented at an appropriate time at an appropriate position on the currently presented page, such as "Long press can trigger the adjustment of the navigation label", and the prompt information may be associated with the navigation area 210. In some embodiments, the terminal device 110 may adaptively adjust the prompt information based on the specific predetermined gesture operation used, for example, the "Long press can trigger the adjustment of the navigation label" may be modified to "Three clicks can trigger the adjustment".

[0068] For the triggered panel, the terminal device 110 can present the panel above the page content, for example, by floating it or pulling it up from the bottom of the page, so that the content of the panel can be fully displayed to the user 140. In some embodiments, the terminal device 110 can choose to present the panel separately from the navigation area 210 to avoid the navigation area 210 and the panel from blocking each other, and to facilitate the subsequent preview effect of the navigation label adjustment in the navigation area 210. The navigation labels in the navigation area 210 can correspond to the various label indications in the panel. For example, in terms of visual style, the styles of the navigation labels and the label indications can be consistent, and the presentation order of the various label indications is the same as the presentation order of the navigation labels. This can make it easier for the user 140 to understand the content in the panel and facilitate its use. In some embodiments, the navigation area 210 can also be used to preview the adjustment results obtained based on the panel. As described below, operating and adjusting the position of the label indication in the panel can be reflected in the position adjustment of the navigation label in the navigation area.

[0069] Alternatively or additionally, when the page presents the panel, the terminal device 110 may further highlight the navigation area 210 relative to at least a portion of the page so that the user 140 can observe the navigation area 210 more clearly.

[0070] For example, see Figure 3A . In page 300A, after terminal device 110 detects a long press gesture by user 140 on navigation area 210, it may present panel 310 for it. When presenting panel 310, terminal device 110 may also process other portions of page 300A (e.g., area 320) by, for example, blanking, blurring, or adding a mask layer, to highlight navigation area 210.

[0071] In panel 310, label indications 311 to 315 may be presented. Label indications may correspond to navigation labels, or in other words, operations on label indications may be associated with navigation labels to achieve adjustments. For example, label indication 311 may correspond to and be associated with navigation label 211, and label indication 312 may correspond to and be associated with navigation label 212. It should be understood that in some embodiments, label indications (e.g., label indication 315) for navigation labels that are not currently presented in navigation area 210 may also be provided in panel 310, so that user 140 can achieve the purpose of, for example, adding a new navigation label to navigation area 210. In some embodiments, the presentation order of label indications in panel 310 may correspond to the navigation labels in navigation area 210 (e.g., arranged in sequence). For example, the order of label indications presented from top to bottom in panel 310 is equivalent to the order from right to left in navigation area 210 (i.e., the top label indication corresponds to the rightmost navigation label). As a result, user 140 can better correspond to the presented content in navigation area 210 and panel 310.

[0072] In some embodiments, in panel 31O, user 140 can implement position adjustment operations and adjust the position of the label indication by, for example, dragging the label indication and the area associated with the label indication through a dragging gesture. Specifically, for the label indication that user 140 desires to adjust, user 140 can move it from its current position (for the convenience of description, it can be referred to as the first position) to a second position by, for example, dragging, to indicate the position adjustment of the label indication. For example, user 140 can adjust "City A" to the position originally occupied by the "Follow" label indication 312 by dragging the label indication 313 to the position of the label indication 312. In this regard, the effect of the adjusted navigation area can refer to the layout of the navigation area in FIG. 2D above, and will not be repeated here.

[0073] To facilitate the user 140 in using the panel 310, an adjustment control may be provided in the panel 310 in association with the label indication. The user 140 can use the adjustment control to trigger the adjustment of the label indication, and then adjust the navigation label corresponding to the label indication. In some embodiments, for one or more label indications in the panel 31O, a top control for the top label indication may be presented. In some embodiments, in addition to gesture dragging or as an alternative, a drag control (sometimes also referred to as a "hamburger bar") may be provided in the panel 310 to assist the user 140 in dragging the label indication. For example, the above-mentioned drag gesture operation of dragging the label indication can be implemented by dragging the drag control associated with the label indication. By dragging the drag control associated with the label indication, the user 140 can complete the drag more conveniently and accurately. In some embodiments, corresponding drag logic can also be configured for the drag control. For example, when the user 140 drags the drag control above other label indications, the position of the dragged label indication can be adjusted in an insert manner (for example, inserting the label indication above other label indications). For example, when user 140 drags the drag control to the area indicated by other labels (for example, drops the drag control into the area associated with other label indications), the positions of the dragged label indication and the other label indications can be swapped to achieve position adjustment.

[0074] In some embodiments, the terminal device 110 further provides a delete control for deleting a label indication, which is used to adjust the position of the control in a logically associated manner such as stepping or adjusting (for example, an up control for moving up one rank, a down control for moving down one rank). Thus, the user 140 can quickly send corresponding instructions based on these controls to implement the operation. For example, with respect to the delete control, the user 140 can use it to trigger a delete instruction for the associated label indication, so that the terminal device 110 cancels the presentation of the navigation label corresponding to the label indication in the navigation area 210 based on the delete instruction.

[0075] In some embodiments, the terminal device 110 may present only some of all controls that can be provided in the panel 310, for example, only top controls, drag controls, etc. For controls that are not presented, they can be provided to the user 140 by, for example, swiping left or right on the label indication area (or the vicinity of the label indication area) to call out an expanded sub-panel. In this way, the panel 310 is provided in a more concise manner while providing the user 140 with more functions.

[0076] Exemplarily, with continued reference to FIG. 3A , in the panel 310 , a sticky control 321 and a drag control 322 may be presented in association with the label indication 313 .

[0077] In addition, for a sticky control, if the label indicates that it is at the highest order allowed for adjustment, it is also possible not to provide it with a sticky control to avoid misleading the user 140.

[0078] As for the top logic of the top control, after the top control indicated by a certain label is triggered (for example, the user 140 triggers the top control through the preset operation described above, such as left-clicking the mouse, etc.), the terminal device 110 can respond to this and adjust the label indication in the panel 310 to the first preset position in the panel. Accordingly, in response to the top operation, the navigation label corresponding to the top label indication is adjusted to the first preset position for presentation in the navigation area 110 (for example, to the left of the "recommended" navigation area of ​​the presentation sequence). As explained above, in the case where there is a fixed navigation label, the first preset position associated with the top control configured by the terminal device 110 must also take into account the second preset position of the fixed navigation label. For example, as explained above, the first preset position may be a position adjacent to the second preset position, thereby avoiding destroying the original label fixing logic.

[0079] In some embodiments, for the label indication of a fixed navigation label (e.g., the "Recommended" navigation label 211) (for the convenience of description, it may be referred to as the second label indication), it may no longer be configured with position adjustment controls such as top controls and drag controls to avoid erroneous operations by the user 140. Alternatively or additionally, prompt information may be presented in association with the fixed navigation label to feedback the fixed logic and position of the second label indication to the user 140. For example, in page 300A, for the fixed navigation label 211, in panel 310, prompt information 323 may be presented in association with the label indication 311.

[0080] In some embodiments, after the label indication adjusted by the pinning operation (for ease of description, it may be referred to as the first label indication) has been adjusted to the first preset position in the panel 310, because it is already in the first preset position, or in other words, there is no need to adjust it to the "first preset position", the terminal device 110 may also cancel the presentation of the pinning control associated with the first label indication in the panel 310. Taking the first preset position as the highest in the sequence as an example, for the label indication 312 that is currently at the highest in the allowed adjustment sequence, the pinning control may no longer be provided to avoid misleading the user 140.

[0081] Furthermore, the terminal device 110 can detect in the panel 310 whether a position adjustment operation has occurred for the position of the label indication, for example, a position adjustment operation implemented by a top control, a drag control, etc. If a position adjustment operation has occurred, the terminal device 110 can adaptively adjust the position of the label indication in the panel 310 based on the position adjustment operation. For example, after the user 140 triggers the top control 321 by clicking on the page 300A, the terminal device 110 can adaptively adjust the order of the label indication 312 and the label indication 313 presented in the panel 310, to obtain the effect shown in the example of page 300B.

[0082] In some embodiments, terminal device 110 may adjust the navigation labels in navigation area 210 based on the adjustments made by user 140 in panel 310. Alternatively, terminal device 110 may adaptively adjust the positions of navigation labels in navigation area 210 based on the adjustments indicated by the labels. For example, when user 140 performs a position adjustment operation in panel 310, navigation bar 210 may also simultaneously present a preview of the position adjustment results. For example, as shown in page 300C, navigation area 210 may present a preview of the adjusted navigation area 210 based on the adjustment results made in panel 310. In some embodiments, after presenting the preview, navigation area 210 may ask user 140 whether to confirm the adjustment, or in other words, whether to save the current position adjustment results. If user 140 wishes to save the current position adjustment results, a confirmation instruction regarding the position adjustment operation may be sent to terminal device 110. In response to detecting the confirmation instruction regarding the position adjustment operation, terminal device 110 may actually apply the position adjustment operation to the navigation labels in navigation area 210 to complete the adjustment. Alternatively or additionally, to facilitate the user 140 to confirm the position adjustment result, the terminal device 110 can also provide a confirmation control in the panel 310 (for example, the confirmation control 325 in page 300A), so that the user 140 can determine the position adjustment operation based on the preset operation of the confirmation control 325, or in other words, confirm that the position adjustment result is valid and expect to perform the position adjustment operation.

[0083] As a result, a preview effect can be provided to the user 140 , making it easier for him to perceive the adjustment results and make adjustments more efficiently, while reducing the degradation of user experience caused by user 140's erroneous operations and the like.

[0084] Similarly, in the case where a preview is not provided to user 140, a confirmation process can also be configured for user 140. For example, after obtaining page 300B based on user 140's position adjustment operation, it is possible to determine whether user 140 has confirmed the position adjustment operation based on the result of sending a query message to user 140, or based on the result of user 140's operation of confirmation control 325. In other words, whether user 140 intended to perform the position adjustment operation and whether the position adjustment operation was valid can be determined. This can reduce the degradation of user experience caused by reasons such as user 140's erroneous operation.

[0085] Therefore, after user 140 completes the position adjustment operation based on page 300B and / or page 300C, the adjustment result as illustrated in the above page 200D can be finally obtained to complete the adjustment operation of the navigation label in the navigation area 210 (or, specifically, the adjustment operation of the presentation position of navigation label 212 and navigation label 213).

[0086] In some embodiments, in order to facilitate the user 140 to quickly perform the rollback adjustment operation, for example, if the user is not satisfied with the adjustment result indicated by the label, the user can also be allowed to cancel the position adjustment operation previously implemented based on the panel 310. For example, a cancel control (for example, the cancel control 324 in the page 300A) can be provided for the user 140 in the panel 310. The user 140 can trigger the cancel control 324 based on a preset operation to send a cancel instruction for the position adjustment operation. Accordingly, the terminal device 110 can cancel the adjustment of the presentation order of the navigation labels in response to detecting the cancel instruction for the position adjustment operation in the panel, so as to quickly implement the rollback of the position adjustment operation in the panel 310 and improve the operation efficiency of the user 140.

[0087] In some embodiments, the terminal device 110 may also be configured with logic for canceling or stopping the presentation of the panel 310 to prevent the panel 310 from erroneously occupying the page display space when the user 140 has finished using it or it is no longer needed by the user 140. Specifically, the terminal device 110 may also be configured with preset operations for canceling the presentation of the panel, and when these preset operations are detected, the panel 310 may be stopped from being presented. For example, the panel 310 may be configured with a close control (e.g., the close control 326 in page 300A), and the corresponding preset operation may be that the close control 326 is triggered by the user 140. Similarly, after the user 140 submits a position adjustment operation in the panel 310 (or after the user 140 confirms the position adjustment operation), the terminal device 110 may also close the panel 310 based on the user 140's submission and confirmation operations (e.g., the user 140 triggers the confirmation control 325), so that the panel 310 is automatically eliminated after the user 140 completes the adjustment, thereby improving the interactive experience of the user 140. Alternatively or additionally, after the user 140 closes the panel 310 , if the user 140 does not confirm that the current position adjustment operation is effective, the terminal device 110 may present the navigation area 210 based on the configuration before the adjustment.

[0088] In some embodiments, when closing panel 310, it is also possible to configure, based on needs, whether user 140 is allowed to close panel 310 by, for example, clicking on an area of ​​the mask layer (e.g., area 320). For example, to consider the convenience of user 140's operation, user 140 may be configured to close panel 310 by clicking on area 320. In other scenarios, such as to prevent user 140 from accidentally touching or erroneously exiting panel 310, user 140 may be configured not to close panel 310 by clicking on area 320.

[0089] In summary, according to various embodiments of the present disclosure, navigation tabs in a navigation area can be adjusted based on position adjustment controls and / or panels. This allows users to conveniently and quickly customize the order of multiple navigation tabs and flexibly adjust the presentation of navigation tabs based on usage needs, thereby improving page browsing efficiency and user experience.

[0090] Example Process

[0091] FIG4 shows a flow chart of a method 400 for page interaction according to some embodiments of the present disclosure. The method 400 may be implemented at the terminal device 110. The method 400 is described below with reference to FIG1.

[0092] In block 410 , the terminal device 110 sequentially presents a plurality of navigation tabs in a navigation area of ​​a page.

[0093] At block 420 , the terminal device 110 presents a position adjustment control for a first navigation tab among the plurality of navigation tabs.

[0094] In block 430 , in response to detecting a preset operation on the position adjustment control, the terminal device 110 adjusts the presentation position of the first navigation label in the navigation area.

[0095] In some embodiments, the first navigation tab corresponds to a first page, and wherein presenting the position adjustment control comprises presenting the position adjustment control in response to detecting that a predetermined interaction condition associated with the first page is satisfied.

[0096] In some embodiments, adjusting the presentation position of the first navigation tag in the navigation area includes: adjusting the first navigation tag to a first preset position in the navigation area.

[0097] In some embodiments, a second navigation tab among the plurality of navigation tabs corresponds to a second page and is fixedly presented in a second preset position in the navigation area; and wherein the first preset position is adjacent to the second preset position in the navigation area.

[0098] In some embodiments, adjusting the presentation position of the first navigation tab in the navigation area includes: moving the first navigation tab in the navigation area in a predetermined direction and a predetermined number of times.

[0099] In some embodiments, the predetermined direction is a direction toward a position that is forward of a current presentation position of the first navigation tab.

[0100] In some embodiments, the method 400 further includes: presenting first prompt information while presenting the position adjustment control, the first prompt information indicating an expected adjustment result of the position adjustment control on the presentation position of the first navigation tab.

[0101] In some embodiments, the method 400 further includes: after the presentation position of the first navigation tab is adjusted, presenting second prompt information, where the second prompt information indicates a position adjustment operation on the navigation tab in the navigation area.

[0102] In some embodiments, the first navigation tab corresponds to a first page, and presenting the position adjustment control includes presenting the position adjustment control after the first page is presented for a predetermined time.

[0103] In some embodiments, adjusting the presentation position of the first navigation tab in the navigation area includes: presenting movement of the first navigation tab from the current presentation position to the adjusted presentation position with an animation effect.

[0104] FIG5 shows a flow chart of a method 500 for page interaction according to some other embodiments of the present disclosure. The method 500 may be implemented at the terminal device 110. The method 500 is described below with reference to FIG1.

[0105] In block 510 , the terminal device 110 sequentially presents a plurality of navigation tabs in a navigation area of ​​a page.

[0106] In block 520 , the terminal device 110 presents a panel in response to detecting a preset gesture operation on the navigation area. In an embodiment of the present disclosure, the panel at least presents a plurality of label indications corresponding to a plurality of navigation labels.

[0107] In block 530 , the terminal device 110 detects position adjustment operations indicated for a plurality of tags in the panel.

[0108] In block 540 , the terminal device 110 adjusts the presentation order of the plurality of navigation labels in the navigation area based on the position adjustment operation.

[0109] In some embodiments, the preset gesture operation includes a long press gesture operation detected in the navigation area or in the vicinity of the navigation area.

[0110] In some embodiments, method 500 further includes causing the navigation area to be highlighted relative to at least a portion of the page while the panel is being presented.

[0111] In some embodiments, presenting the panel includes presenting the panel separately from the navigation area.

[0112] In some embodiments, the plurality of tab indications are presented in the panel in the order of the plurality of navigation tabs, and method 500 further includes: in response to detecting a position adjustment operation, adjusting the presentation order of the plurality of tab indications in the panel based on the position adjustment operation.

[0113] In some embodiments, adjusting the presentation order of the plurality of navigation tabs in the navigation area includes: in response to detecting a confirmation instruction for the position adjustment operation, adjusting the presentation order of the plurality of navigation tabs in the navigation area based on the position adjustment operation.

[0114] In some embodiments, method 500 further includes: in response to detecting a cancel instruction for the position adjustment operation in the panel, canceling the adjustment of the presentation order of the plurality of navigation tabs.

[0115] In some embodiments, method 500 further includes: in response to detecting a preset operation on the panel, stopping presenting the panel.

[0116] In some embodiments, the panel also presents a pinned control associated with a first tab indication among multiple tab indications, and adjusting the presentation order of multiple navigation tabs in the navigation area includes: if the position adjustment operation includes a preset operation for the pinned control, adjusting the first navigation tab corresponding to the first tab indication to a first preset position in the navigation area.

[0117] In some embodiments, a second navigation tab among the plurality of navigation tabs corresponds to a predetermined page and is fixedly presented in a second preset position in the navigation area; and wherein the first preset position in the navigation area is adjacent to the second preset position in the navigation area.

[0118] In some embodiments, the method 500 further includes: if the position adjustment operation includes a preset operation for a sticky control, adjusting the first label indication in the panel to a first preset position in the panel.

[0119] In some embodiments, a second label indication among the plurality of label indications is fixedly presented at a second preset position in the panel; and wherein the first preset position in the panel is a position adjacent to the second preset position in the panel.

[0120] In some embodiments, the method 500 further includes: after adjusting the first tab indication to the first preset position in the panel, canceling the presentation of a sticky control associated with the first tab indication in the panel.

[0121] In some embodiments, a position adjustment operation indicates moving a third label indication among multiple label indications from a first position to a second position in the panel, and adjusting the presentation order of multiple navigation labels in the navigation area includes: based on the position adjustment operation, adjusting the third navigation label corresponding to the third label indication in the navigation area to a presentation position corresponding to the second position in the panel.

[0122] In some embodiments, the panel further presents a drag control associated with the third tab indication, and the position adjustment operation includes a drag operation on the drag control to move the third tab indication from the first position to the second position.

[0123] In some embodiments, method 500 further includes: detecting a delete instruction for at least one of the plurality of label indications in the panel, and canceling the presentation of at least one navigation label corresponding to the at least one label indication in the navigation area.

[0124] Example devices and equipment

[0125] 6 shows a schematic structural block diagram of an apparatus 600 for page interaction according to certain embodiments of the present disclosure. Apparatus 600 may be implemented as or included in terminal device 110. Each module / component in apparatus 600 may be implemented by hardware, software, firmware, or any combination thereof.

[0126] As shown, the apparatus 600 includes a first presentation module 610 configured to sequentially present multiple navigation tabs in a navigation area of ​​a page. The apparatus 600 also includes a second presentation module 620 configured to present a position adjustment control for a first navigation tab among the multiple navigation tabs. The apparatus 600 also includes a first adjustment module 630 configured to adjust the presentation position of the first navigation tab in the navigation area in response to detecting a preset operation on the position adjustment control.

[0127] In some embodiments, the first navigation tab corresponds to a first page, and presenting the position adjustment control includes presenting the position adjustment control in response to detecting that a predetermined interaction condition associated with the first page is satisfied.

[0128] In some embodiments, adjusting the presentation position of the first navigation tag in the navigation area includes: adjusting the first navigation tag to a first preset position in the navigation area.

[0129] In some embodiments, a second navigation tab among the plurality of navigation tabs corresponds to a second page and is fixedly presented in a second preset position in the navigation area; and wherein the first preset position is adjacent to the second preset position in the navigation area.

[0130] In some embodiments, adjusting the presentation position of the first navigation tab in the navigation area includes: moving the first navigation tab in the navigation area in a predetermined direction and a predetermined number of times.

[0131] In some embodiments, the predetermined direction is a direction toward a position that is forward of a current presentation position of the first navigation tab.

[0132] In some embodiments, the apparatus 600 further includes a first prompt module configured to present first prompt information while presenting the position adjustment control, the first prompt information indicating an expected adjustment result of the position adjustment control on the presentation position of the first navigation tag.

[0133] In some embodiments, the apparatus 600 further includes a second prompt module configured to present second prompt information after the presentation position of the first navigation tag is adjusted, where the second prompt information indicates a position adjustment operation on the navigation tag in the navigation area.

[0134] In some embodiments, wherein the first navigation tag corresponds to the first page, presenting the position adjustment control in the second presentation module 620 includes: presenting the position adjustment control after the first page is presented for a predetermined time.

[0135] In some embodiments, adjusting the presentation position of the first navigation tab in the navigation area includes: presenting movement of the first navigation tab from the current presentation position to the adjusted presentation position with an animation effect.

[0136] 7 shows a schematic structural block diagram of an apparatus 700 for page interaction according to certain embodiments of the present disclosure. Apparatus 700 may be implemented as or included in terminal device 110. Each module / component in apparatus 700 may be implemented by hardware, software, firmware, or any combination thereof.

[0137] As shown in the figure, the device 700 includes a third presentation module 710, which is configured to present multiple navigation tags in sequence in the navigation area of ​​the page. The device 700 also includes a fourth presentation module 720, which is configured to present a panel in response to detecting a preset gesture operation for the navigation area, and the panel at least presents multiple tag indications corresponding to the multiple navigation tags. The device 700 also includes a detection module 730, which is configured to detect a position adjustment operation for the multiple tag indications in the panel. The device 700 also includes a second adjustment module 740, which is configured to adjust the presentation order of the multiple navigation tags in the navigation area based on the position adjustment operation.

[0138] In some embodiments, the preset gesture operation includes a long press gesture operation detected in the navigation area or in the vicinity of the navigation area.

[0139] In some embodiments, the apparatus 700 further includes a highlighting module configured to highlight the navigation area relative to at least a portion of the page during presentation of the panel.

[0140] In some embodiments, presenting the panel includes presenting the panel separately from the navigation area.

[0141] In some embodiments, multiple label indications are presented in the panel in the order of multiple navigation labels, and the device 700 also includes: a third adjustment module, configured to adjust the presentation order of multiple label indications in the panel based on the position adjustment operation in response to detecting the position adjustment operation.

[0142] In some embodiments, adjusting the presentation order of the plurality of navigation tabs in the navigation area includes: in response to detecting a confirmation instruction for the position adjustment operation, adjusting the presentation order of the plurality of navigation tabs in the navigation area based on the position adjustment operation.

[0143] In some embodiments, the apparatus 700 further includes: a first canceling module configured to cancel the adjustment of the presentation order of the plurality of navigation tabs in response to detecting a cancel instruction for the position adjustment operation in the panel.

[0144] In some embodiments, the apparatus 700 further includes: a stopping module configured to stop presenting the panel in response to detecting a preset operation on the panel.

[0145] In some embodiments, the panel also presents a pinned control associated with a first label indication among multiple label indications, and adjusting the presentation order of multiple navigation labels in the navigation area in the second adjustment module 740 includes: if the position adjustment operation includes a preset operation for the pinned control, adjusting the first navigation label corresponding to the first label indication to the first preset position in the navigation area.

[0146] In some embodiments, a second navigation tab among the plurality of navigation tabs corresponds to a predetermined page and is fixedly presented in a second preset position in the navigation area; and the first preset position in the navigation area is adjacent to the second preset position in the navigation area.

[0147] In some embodiments, the apparatus 700 further includes: a fourth adjustment module configured to adjust the first label indication in the panel to a first preset position in the panel if the position adjustment operation includes a preset operation for a top-placed control.

[0148] In some embodiments, a second label indication among the plurality of label indications is fixedly presented at a second preset position in the panel; and wherein the first preset position in the panel is a position adjacent to the second preset position in the panel.

[0149] In some embodiments, the apparatus 700 further includes: a second canceling module configured to cancel the presentation of a top control associated with the first tab indication in the panel after adjusting the first tab indication to a first preset position in the panel.

[0150] In some embodiments, the position adjustment operation indicates moving a third label indication among multiple label indications from a first position in the panel to a second position, and adjusting the presentation order of multiple navigation labels in the navigation area includes: based on the position adjustment operation, adjusting the third navigation label corresponding to the third label indication in the navigation area to a presentation position corresponding to the second position in the panel.

[0151] In some embodiments, the panel further presents a drag control associated with the third tab indication, and the position adjustment operation includes a drag operation on the drag control to move the third tab indication from the first position to the second position.

[0152] In some embodiments, the device 700 further includes: a third cancellation module configured to detect a deletion instruction for at least one label indication among multiple label indications in the panel, and cancel the presentation of at least one navigation label corresponding to the at least one label indication in the navigation area.

[0153] FIG8 shows a block diagram of an electronic device 800 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 800 shown in FIG8 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 800 shown in FIG8 may be used to implement the terminal device 110 of FIG1 .

[0154] As shown in FIG8 , electronic device 800 is a general-purpose electronic device. Components of electronic device 800 may include, but are not limited to, one or more processors or processing units 810, memory 820, storage device 830, one or more communication units 840, one or more input devices 850, and one or more output devices 860. Processing unit 810 may be a real or virtual processor and is capable of performing various processes according to programs stored in memory 820. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to enhance the parallel processing capabilities of electronic device 800.

[0155] The electronic device 800 typically includes a plurality of computer storage media. Such media can be any accessible media that can be obtained by the electronic device 800, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 820 can be a volatile memory (e.g., a register, a cache, a random access memory (RAM)), a non-volatile memory (e.g., a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 830 can be a removable or non-removable medium and can include a machine-readable medium, such as a flash drive, a disk, or any other medium that can be used to store information and / or data (e.g., training data for training) and can be accessed within the electronic device 800.

[0156] The electronic device 800 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG8 , a disk drive for reading from or writing to a removable, non-volatile disk (e.g., a “floppy disk”) and an optical drive for reading from or writing to a removable, non-volatile optical disk 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 820 may include a computer program product 825 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.

[0157] The communication unit 840 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 800 can be implemented in a single computing cluster or multiple computing machines that can communicate via a communication connection. Thus, the electronic device 800 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.

[0158] The input device 850 may be one or more input devices, such as a mouse, keyboard, or trackball. The output device 860 may be one or more output devices, such as a display, a speaker, or a printer. The electronic device 800 may also communicate with one or more external devices (not shown) via the communication unit 840 as needed, such as a storage device, a display device, or the like, with one or more devices that allow a user to interact with the electronic device 800, or with any device that allows the electronic device 800 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

[0159] According to an exemplary implementation of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.

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

[0161] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, such that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is generated that implements the functions / actions specified in one or more blocks in the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, where these instructions cause the computer, programmable data processing device, and / or other device to operate in a specific manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks in the flowchart and / or block diagram.

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

[0163] The flow charts and block diagrams in the accompanying drawings show the possible architecture, functions and operations of the systems, methods and computer program products according to multiple implementations of the present disclosure. In this regard, each box in the flow chart or block diagram can represent a part for a module, program segment or instruction, and a part for a module, program segment or instruction comprises one or more executable instructions for realizing the logical function of the specification. In some alternative implementations, the functions marked in the box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flow chart, and the combination of the boxes in the block diagram and / or flow chart can be realized by a special hardware-based system that performs the function or action of the specification, or can be realized by a combination of special hardware and computer instructions.

[0164] While various implementations of the present disclosure have been described above, the foregoing description is intended to be illustrative, not exhaustive, and not 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 selected to best explain the principles of the implementations, their practical applications, or improvements to existing technologies, or to enable others skilled in the art to understand the various implementations disclosed herein.

Claims

1. A page interaction method, comprising: Present multiple navigation tabs in sequence in the navigation area of ​​the page; presenting a position adjustment control for a first navigation tab among the plurality of navigation tabs; as well as In response to detecting a preset operation on the position adjustment control, a presentation position of the first navigation label in the navigation area is adjusted.

2. The method of claim 1 , wherein the first navigation tab corresponds to a first page, and wherein presenting the position adjustment control comprises: In response to detecting that a predetermined interaction condition associated with the first page is satisfied, the position adjustment control is presented.

3. The method according to claim 1, wherein adjusting the presentation position of the first navigation tab in the navigation area comprises: Adjust the first navigation tag to a first preset position in the navigation area.

4. The method according to claim 3, wherein a second navigation tab among the plurality of navigation tabs corresponds to a second page and is fixedly presented at a second preset position in the navigation area; and The first preset position is adjacent to the second preset position in the navigation area.

5. The method according to claim 1, wherein adjusting the presentation position of the first navigation tab in the navigation area comprises: In the navigation area, the first navigation label is moved in a predetermined direction by a predetermined number of times. The method according to claim 5 , wherein the predetermined direction is a direction toward a position that is further forward than a current presentation position of the first navigation tab.

7. The method according to claim 1, further comprising: When presenting the position adjustment control, first prompt information is presented, wherein the first prompt information indicates the predicted position of the first navigation label by the position adjustment control. Period adjustment results.

8. The method according to claim 1, further comprising: After the presentation position of the first navigation label is adjusted, second prompt information is presented, where the second prompt information indicates a position adjustment operation on the navigation label in the navigation area.

9. The method of claim 1 , wherein the first navigation tab corresponds to a first page, and wherein presenting the position adjustment control comprises: After the first page is presented for a predetermined time, the position adjustment control is presented.

10. The method according to any one of claims 1 to 9, wherein adjusting the presentation position of the first navigation tab in the navigation area comprises: The movement of the first navigation label from the current presentation position to the adjusted presentation position is presented with an animation effect.

11. A page interaction method, comprising: Present multiple navigation tabs in sequence in the navigation area of ​​the page; In response to detecting a preset gesture operation on the navigation area, presenting a panel, the panel at least presenting a plurality of label indications respectively corresponding to the plurality of navigation labels; detecting, in the panel, position adjustment operations indicated for the plurality of labels; as well as The presentation order of the plurality of navigation labels in the navigation area is adjusted based on the position adjustment operation. 12 . The method according to claim 11 , wherein the preset gesture operation comprises a long press gesture operation detected in the navigation area or in an area adjacent to the navigation area.

13. The method according to claim 11, further comprising: While the panel is being presented, the navigation area is highlighted relative to at least a portion of the page.

14. The method of claim 11 , wherein presenting the panel comprises: The panel is presented separately from the navigation area.

15. The method according to claim 11, wherein the plurality of tab indications are presented in the panel in the order of the plurality of navigation tabs, the method further comprising: In response to detecting the position adjustment operation, a presentation order of the plurality of label indications in the panel is adjusted based on the position adjustment operation.

16. The method according to claim 11, wherein adjusting the presentation order of the plurality of navigation tabs in the navigation area comprises: In response to detecting a confirmation instruction for the position adjustment operation, a presentation order of the plurality of navigation labels in the navigation area is adjusted based on the position adjustment operation.

17. The method according to claim 11, further comprising: In response to detecting a cancel instruction for the position adjustment operation in the panel, the adjustment of the presentation order of the plurality of navigation tabs is canceled.

18. The method according to claim 11, further comprising: In response to detecting a preset operation on the panel, the presentation of the panel is stopped.

19. The method of claim 11, wherein the panel further presents a sticky control associated with a first tab indication of the plurality of tab indications, and wherein adjusting the presentation order of the plurality of navigation tabs in the navigation area comprises: If the position adjustment operation includes a preset operation for the top control, the first navigation tag corresponding to the first tag indication is adjusted to a first preset position in the navigation area.

20. The method according to claim 19, wherein a second navigation tab among the plurality of navigation tabs corresponds to a predetermined page and is fixedly presented at a second preset position in the navigation area; and The first preset position in the navigation area is adjacent to the second preset position in the navigation area.

21. The method of claim 19, further comprising: If the position adjustment operation includes the preset operation for the top control, the first label indication is adjusted to a first preset position in the panel.

22. The method according to claim 21, wherein a second label indication among the plurality of label indications is fixedly presented at a second preset position in the panel; and The first preset position in the panel is the same as the position in the panel. A position adjacent to the second preset position.

23. The method of claim 21, further comprising: After the first tab indication is adjusted to the first preset position in the panel, the top control associated with the first tab indication is canceled from being presented in the panel.

24. The method of claim 11, wherein the position adjustment operation indicates moving a third tab indication of the plurality of tab indications from a first position to a second position in the panel, and wherein adjusting the presentation order of the plurality of navigation tabs in the navigation area comprises: Based on the position adjustment operation, the third navigation label corresponding to the third label indication is adjusted in the navigation area to a presentation position corresponding to the second position in the panel.

25. The method of claim 24, wherein the panel further presents a drag control associated with the third tab indication, and the position adjustment operation comprises a drag operation on the drag control to move the third tab indication from the first position to the second position.

26. The method according to any one of claims 11 to 25, further comprising: A delete instruction for at least one label indication among the plurality of label indications is detected in the panel, and at least one navigation label corresponding to the at least one label indication is canceled from being presented in the navigation area.

27. A device for page interaction, comprising: A first presentation module is configured to present a plurality of navigation tags in sequence in the navigation area of ​​the page; a second presentation module configured to present a position adjustment control for a first navigation tab among the plurality of navigation tabs; as well as The first adjustment module is configured to adjust the presentation position of the first navigation label in the navigation area in response to detecting a preset operation on the position adjustment control.

28. A device for page interaction, comprising: The third presentation module is configured to present multiple navigation items in sequence in the navigation area of ​​the page. Navigation label; a fourth presentation module, configured to present a panel in response to detecting a preset gesture operation on the navigation area, the panel at least presenting a plurality of label indications respectively corresponding to the plurality of navigation labels; a detection module configured to detect, in the panel, a position adjustment operation indicated on the plurality of labels; as well as The second adjustment module is configured to adjust the presentation order of the multiple navigation labels in the navigation area based on the position adjustment operation.

29. An electronic device comprising: at least one processing unit; as well as At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions, when executed by the at least one processing unit, causing the electronic device to perform the method according to any one of claims 1 to 10 and / or the method according to any one of claims 11 to 26.

30. A computer-readable storage medium having a computer program stored thereon, wherein the computer program is executable by a processor to implement the method according to any one of claims 1 to 10 and / or the method according to any one of claims 11 to 26.

Images