Method, device, apparatus and storage medium for page interaction
The method and apparatus enable dynamic customization of navigation labels through position adjustment controls and gesture-based panels, addressing inefficiencies in fixed layouts and enhancing user experience.
Patent Information
- Application Number
- JP2025543815
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2023-05-24
- Filing Date
- 2024-05-21
- Publication Date
- 2026-01-29
AI Technical Summary
Existing applications lack flexibility in navigation label positioning and ordering, leading to inefficient page browsing due to fixed layouts that do not support user customization, especially when multiple labels are present.
A method and apparatus that allow users to adjust navigation label positions and ordering through position adjustment controls and gesture-based panels, enabling dynamic customization based on user interactions.
Enhances user experience by allowing personalized navigation label configurations, improving page browsing efficiency and convenience.
Smart Images

Figure 2026503714000001_ABST
Abstract
Description
[Technical Field]
[0001] FIELD OF THE DISCLOSURE Exemplary embodiments of the present disclosure relate generally to the field of computers, and more particularly to page interaction methods, apparatus, devices, and computer-readable storage media. (CROSS-REFERENCE TO RELATED APPLICATIONS) This application claims priority to Chinese Invention Patent Application No. 202310597935.1, filed on May 24, 2023, entitled "Method, Apparatus, Device and Storage Medium for Page Interaction," the entire contents of which are incorporated herein by reference. [Background technology]
[0002] With the rapid development of Internet technology, various applications have become important tools in people's daily lives. Different applications have different functions, and users can realize specific services by using specific applications with specific functions.
[0003] In order to integrate more functions and provide more content into an application, an application usually has multiple pages associated with it to provide different content. When multiple pages are associated with an application, the application may provide a navigation area to enable users to jump between pages based on navigation labels in the navigation area. The navigation area is located at the top, bottom, or side of a page and is used to present navigation labels. The navigation area serves to link each page within a station or application. Summary of the Invention [Means for solving the problem]
[0004] According to a first aspect of the present disclosure, there is provided a method of presenting content, the method including: sequentially presenting a plurality of navigation labels in a navigation region of a page; presenting a position adjustment control for a first navigation label of the plurality of navigation labels; and adjusting a presented position of the first navigation label in the navigation region in response to detecting a preset operation of the position adjustment control.
[0005] According to a second aspect of the present disclosure, there is provided a method for presenting content, the method including: sequentially presenting a plurality of navigation labels in a navigation region of a page; and, in response to detecting a preset gesture operation on the navigation region, presenting a panel, the panel presenting at least a plurality of label indications respectively corresponding to the plurality of navigation labels; detecting a position adjustment operation on the plurality of label indications within the panel; and adjusting a presentation order of the plurality of navigation labels in the navigation region based on the position adjustment operation.
[0006] According to a third aspect of the present disclosure, there is provided an apparatus for page interaction, including a first presentation module configured to sequentially present a plurality of navigation labels in a navigation region of a page, a second presentation module configured to present a position adjustment control for a first navigation label of the plurality of navigation labels, and a first adjustment module configured to adjust a presentation position of the first navigation label in the navigation region in response to detecting a preset operation on the position adjustment control.
[0007] According to a fourth aspect of the present disclosure, there is provided an apparatus for page interaction, including: a third presentation module configured to sequentially present a plurality of navigation labels in a navigation region of the page; a fourth presentation module configured to present a panel in response to detecting a preset gesture operation on the navigation region, the panel presenting at least a plurality of label indications respectively corresponding to the plurality of navigation labels; a detection module configured to detect a position adjustment operation on the plurality of label indications within the panel; and a second adjustment module configured to adjust a presentation order of the plurality of navigation labels in the navigation region based on the position adjustment operation.
[0008] According to a fifth aspect of the present disclosure, there is provided an electronic device including at least one processing unit, at least one memory coupled to the at least one processing unit, and at least one memory for storing instructions executable by the at least one processing unit, the instructions, when executed by the at least one processing unit, causing the device to perform the method of the first aspect and / or the second aspect.
[0009] According to a sixth aspect of the present disclosure, there is provided a computer-readable storage medium having stored thereon a computer program that can be executed by a processor to implement the method of the first aspect and / or the second aspect.
[0010] It should be understood that the contents described in this section are not intended to limit the main features or important features of the embodiments of the present disclosure, and are not intended to limit the scope of the present disclosure. Other features of the present disclosure will be easily understood from the following description.
[0011] These 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 drawings, in which like or similar drawing marks represent like or similar elements. [Brief explanation of the drawings]
[0012] [Figure 1] 1 shows a schematic diagram of an exemplary environment in which embodiments of the present disclosure may be implemented. [Figure 2A] 1 illustrates a schematic diagram of an example page for adjusting navigation labels according to some embodiments of the present disclosure. [Figure 2B] 1 illustrates a schematic diagram of an example page for adjusting navigation labels according to some embodiments of the present disclosure. [Figure 2C] 1 illustrates a schematic diagram of an example page for adjusting navigation labels according to some embodiments of the present disclosure. [Figure 2D] 1 illustrates a schematic diagram of an example page for adjusting navigation labels according to some embodiments of the present disclosure. [Figure 2E] 1 illustrates a schematic diagram of an example page for adjusting navigation labels according to some embodiments of the present disclosure. [Figure 2F] 1 illustrates a schematic diagram of an example page for adjusting navigation labels according to some embodiments of the present disclosure. [Figure 3A] 10 shows a schematic diagram of an example page for adjusting navigation labels according to some further embodiments of the present disclosure. [Figure 3B] 10 shows a schematic diagram of an example page for adjusting navigation labels according to some further embodiments of the present disclosure. [Figure 3C] 10 shows a schematic diagram of an example page for adjusting navigation labels according to some further embodiments of the present disclosure. [Figure 4] 1 illustrates a flowchart of a method for page interaction according to some embodiments of the present disclosure. [Figure 5]10 illustrates a flowchart of a method for page interaction according to some further embodiments of the present disclosure. [Figure 6] 1 illustrates a block diagram of an apparatus for page interaction according to some embodiments of the present disclosure. [Figure 7] FIG. 10 shows a block diagram of an apparatus for page interaction according to some further embodiments of the present disclosure. [Figure 8] 1 illustrates a block diagram of an electronic device in which one or more embodiments of the present disclosure may be implemented. DETAILED DESCRIPTION OF THE INVENTION
[0013] The following describes in more detail the embodiments of the present disclosure with reference to the drawings. Although the drawings illustrate some embodiments of the present disclosure, it should be understood that the present disclosure can be realized in various forms and should not be construed as being limited to the embodiments described herein, but rather these embodiments are provided to allow a clearer and more 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.
[0014] In describing embodiments of the present disclosure, the terms "comprises" and similar terms should be understood as an open inclusion, i.e., "including, but not limited to." The term "based on" should be understood as "based at least in part on." The terms "one embodiment" or "this embodiment" should be understood as "at least one embodiment." The term "some embodiments" should be understood as "at least some embodiments." The following may also include other explicit and implicit definitions.
[0015] In this specification, unless otherwise specified, performing a step "in response to A" does not mean performing this step immediately after "A," but may include one or more intermediate steps.
[0016] It is to be understood that the data related to this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.
[0017] As can be understood, before using the technical solutions disclosed in each embodiment of the present disclosure, the types, scope of use, and usage scenarios of personal information related to the present disclosure must be notified to users in an appropriate manner in accordance with relevant laws and regulations, and their permission must be obtained.
[0018] For example, in response to receiving a user's voluntary request, prompt information may be sent to the user to explicitly indicate to the user that the operation being requested to be performed requires the acquisition and use of the user's personal information, allowing the user to autonomously choose whether or not to provide personal information to software or hardware, such as an electronic device, application program, server, or storage medium, that performs the operation of the technical solution of the present disclosure based on the prompt information.
[0019] As an optional, non-limiting example, the method of sending prompt information to the user in response to receiving a voluntary user request may be, for example, a pop-up window, which may present the prompt information in text form, and which may include a selection control for the user to "agree" or "disagree" to providing personal information to the electronic device.
[0020] As can be appreciated, the above notification and user permission acquisition processes are exemplary only and are not intended to be limiting to embodiments of the present disclosure, and other methods that comply with relevant legal regulations may be used in embodiments of the present disclosure.
[0021] 1 illustrates a schematic diagram of an exemplary environment 100 in which embodiments of the present disclosure may be implemented. In this exemplary environment 100, a terminal device 110 is attached with an application 120. A user 140 may interact with the application 120 via the terminal device 110 and / or an attachment device of the terminal device 110. The application 120 may be a content acquisition application (e.g., a video online acquisition application), an online shopping application, or any other suitable application.
[0022] In the environment 100 of FIG. 1 , when the application 120 is active, the terminal device 110 may present a page 150 of the application 120. The page 150 may include various pages that the application 120 can provide, such as a content submission page, a content creation page, a content publishing page, a message page, a personal page, etc. The application 120 may provide a content browsing function for browsing various content published in the application 120. Through the corresponding pages, the application 120 may provide online content, such as media content, to the user 140. In an appropriate manner, for example, by clicking or selecting a page element, the application 120 may provide switching between multiple pages to present content to the user 140. As used herein, "media content" includes one or more types of content, such as images, image collections, videos, animations, audio, text, etc.
[0023] In some embodiments, terminal device 110 communicates with server 130 to provide services for application 120. Terminal device 110 may be any type of mobile, fixed, or portable terminal, including a mobile cell phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet PC, 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 electronic book device, a gaming device, or any combination thereof, including accessories and peripherals for these devices, or any combination thereof. In some embodiments, terminal device 110 may also support any type of interface to a user (e.g., “wearable” electronics, etc.). Server 130 may be any type of computing system / server capable of providing computing power, including, but not limited to, a mainframe, an edge computing node, a computing device in a cloud environment, etc.
[0024] It should be understood that the structure and function of each element in environment 100 is described for illustrative purposes only and does not imply any limitation on the scope of the present disclosure.
[0025] Typically, an application can provide multiple types of content and present these contents using different pages. For example, navigation labels associated with pages can be provided, allowing users to indicate and jump to desired pages using the navigation labels. Typically, navigation labels can be integrated into an application's navigation area. There may be a set of navigation labels in the navigation area to enable users to switch pages. Note that the navigation area can be presented on the application's pages in a floating format so that the page content does not affect the use of the navigation area.
[0026] Currently, the order and position of navigation labels in the navigation area of many applications are fixed, do not support user modification, and lack flexibility. Furthermore, when there are a relatively large number of available navigation labels, given the limited size of the navigation area, only a few fixed navigation labels may be displayed, and more navigation labels may be displayed through complex operations. This hinders the convenience of page browsing and makes it difficult for users to easily view and operate the labels that interest them.
[0027] According to an embodiment of the present disclosure, a method for adjusting navigation labels is proposed, which includes detecting a user's position adjustment operation on at least one of a plurality of navigation labels presented in order in a navigation area of a page, and adjusting the presentation order of the plurality of navigation labels in the navigation area based on the detected position adjustment operation.
[0028] In some embodiments, adjusting the position of a navigation label can be achieved by dynamically providing a position adjustment control for the specific navigation label. Specifically, multiple navigation labels are presented in a navigation area of a page in sequence, a position adjustment control is presented for a first navigation label among the multiple navigation labels, and the presented position of the first navigation label in the navigation area is adjusted in response to detecting a preset operation on the position adjustment control. Presenting the position adjustment control allows a user to quickly adjust the position of a specific navigation label as needed, allowing the layout of the navigation labels to appropriately meet the user's usage needs and helping to improve page browsing efficiency and the user experience.
[0029] In some embodiments, a preset gesture operation can trigger the panel so that a user can operate the panel to customize the configuration of the navigation labels. Specifically, a plurality of navigation labels are sequentially presented in a navigation region of a page, and in response to detecting a preset gesture operation on the navigation region, the panel presents at least a plurality of label indications corresponding to the plurality of navigation labels, detects position adjustment operations for the plurality of label indications within the panel, and adjusts the presentation order of the plurality of navigation labels in the navigation region based on the position adjustment operations.
[0030] This allows users to select an appropriate navigation label adjustment method as needed to adjust the navigation labels in the navigation area, allowing users to easily and quickly customize the order of multiple navigation labels and flexibly adjust the presentation of navigation labels according to usage needs, which helps to improve page browsing efficiency and user experience.
[0031] With continued reference to the drawings, several exemplary embodiments of the present disclosure will now be described.
[0032] In an embodiment of the present disclosure, when the terminal device 110 provides a page 150 to a user, the terminal device 110 can present multiple navigation labels in a certain order in the navigation area of the page 150. Typically, the number of navigation labels presented in the navigation area is preset based on the space occupied by the navigation labels and the overall space provided for the navigation area, to avoid the navigation labels being too small or difficult for the user to use due to the simultaneous presentation of too many navigation labels.
[0033] For example, if the navigation labels are arranged horizontally, the order can be determined based on a certain arrangement logic, such as arranging each navigation label in order from left to right or from right to left. It should be understood that the above arrangement logic and the underlying arrangement logic are merely exemplary and are not intended to be limiting. For example, the above arrangement logic may be vertically arranged from top to bottom, bottom to top, or in a ring-like arrangement, etc. This prevents the navigation labels from being presented in a cluttered manner.
[0034] In an embodiment of the present disclosure, the terminal device 110 allows the user 140 to adjust the position of navigation labels within the page 150 as needed, thereby providing the user 140 with the ability to personalize the selection and configuration of navigation labels by customizing the order of the navigation labels. This allows the user 140 to obtain the necessary navigation labels even when screen space is limited, and improves the user's usage experience. For example, the terminal device 110 allows the user 140 to adjust the order of navigation labels in the navigation area, such as swapping the positions of navigation label A and navigation label B, or adjusting the presentation position of navigation label A to the left of navigation label C. Such position adjustment interaction may be implemented in multiple ways.
[0035] In some embodiments, the terminal device 110 provides a position adjustment control on a page, allowing the user 140 to adjust the navigation label based on the position adjustment control. For example, the position adjustment control may be associated with the presentation of navigation label A, and the user 140 adjusts the presentation position of navigation label A using the position adjustment control. Alternatively or additionally, the position adjustment control may be provided in the form of a bubble to provide a better presentation effect to the user 140.
[0036] In some embodiments, the terminal device 110 may provide the user 140 with a panel for adjusting the position of the navigation label, whereby the user 140 may complete the adjustment to the navigation label using label instructions associated with the navigation label that are presented on the panel.
[0037] Below, two different adjustment methods will be considered and explained as examples.
[0038] First, we consider how to provide positioning controls for adjusting the position relative to navigation labels. For ease of understanding, we will discuss this in conjunction with Figures 2A through 2F, which show schematic diagrams of example pages 200A through 200F, respectively, for adjusting navigation labels in accordance with some embodiments of the present disclosure.
[0039] In an embodiment of the present disclosure, the terminal device 110 may provide a navigation area within the page 150, in which multiple navigation labels are presented. As described above, the multiple navigation labels may be presented in a specific order. For convenience of description, all orders used hereinafter refer to examples in which the labels are arranged horizontally from right to left, i.e., the rightmost navigation label in the navigation area may be considered the foremost navigation label.
[0040] For example, see FIG. 2A . In FIG. 2A , page 200A presents navigation area 210, which includes multiple navigation labels 211 to 214, with "Recommended" navigation label 211 as the foremost navigation label. Furthermore, content currently presented on page 200A (e.g., presented in area 220) may be related to and correspond to the navigation labels. Thus, terminal device 110 may further highlight currently selected navigation labels (e.g., navigation label 213) to indicate the navigation labels associated with the content presented on the current page. Similarly, when user 140 selects another navigation label to jump to another page, terminal device 110 may adjust and present the highlighted navigation labels in a similar manner. For ease of description, the currently presented page will be referred to as the first page.
[0041] In some embodiments, the terminal device 110 can further provide multiple navigation areas, for example, to achieve multiple levels of navigation label division. For example, in FIG. 2A , the terminal device 110 is further provided with a navigation area 230 including navigation labels 231 to 235. The navigation labels presented in the navigation area 210 are associated with the navigation label selected in the navigation area 230. For example, when the navigation label 231 in the navigation area 230 is selected, the navigation labels 211 to 214 associated with the navigation label 231 (e.g., belonging to the content item indicated by the navigation label 231) are presented in the navigation area 210. The content presented on the current page is associated with the "City A" navigation label 213, which is based on the "Home Page" navigation label 231 item.
[0042] Furthermore, the terminal device 110 presents a position adjustment control for a navigation label among the plurality of navigation labels. In an embodiment of the present disclosure, the terminal device 110 can present a position adjustment control for a navigation label among the navigation labels within the page 150. Typically, the navigation label for which the position adjustment control is presented may be any navigation label in the navigation area, and for convenience of description, the navigation label for which the position adjustment control is presented may be referred to as the first navigation label.
[0043] In some embodiments, to improve the quality of adjustments or increase the likelihood that adjustments will be accepted, the terminal device 110 may be configured with certain presentation logic to facilitate presenting position adjustment controls for navigation labels for which adjustments are likely to be desired. For example, the terminal device 110 may determine the navigation labels for which position adjustment controls should be presented based on the user's 140 historical interaction with the pages corresponding to the navigation labels.
[0044] In some embodiments, when a first navigation label corresponds to a first page, the terminal device 110 can detect whether a predetermined interaction condition associated with the first page by the user 140 is satisfied to determine whether to present a position adjustment control for adjusting the first navigation label. For example, the preset interaction condition may include whether the user 140 has viewed the first page for a time period exceeding a time threshold, whether the number of works viewed for a certain period of time exceeds a number threshold, etc. Illustratively, when the terminal device 110 determines that the user 140's preset interaction condition satisfies the requirement (e.g., the time the first page has been viewed for a certain period of time exceeds the time threshold), the terminal device 110 can present a position adjustment control for the first navigation label. This can, for example, increase the presentation ranking of a navigation label that the user 140 frequently uses, making it easier for the user 140 to use. Additionally, for example, if the first navigation label does not correspond to the first page, the terminal device 110 may present a position adjustment control for a navigation label that is not selected or triggered by the user 140 by detecting whether the first navigation label has not been used by the user 140 for a long time or whether the number of times the first navigation label has been triggered within the past time is below a threshold value. In this way, for example, if the user 140 does not frequently use a certain navigation label, the presentation order of the navigation label may be lowered to facilitate the use of other navigation labels by the user 140.
[0045] In some embodiments, if a first navigation label corresponds to a first page, the terminal device 110 may present a position adjustment control corresponding to the first navigation label after determining a predetermined time for which the first page has been presented (e.g., 30 seconds after presentation). This may facilitate the user 140 to adjust the navigation label associated with the currently presented page while avoiding interference with the user 140. For example, the user 140 may be temporarily browsing a page or may be in the process of switching pages. If the position adjustment control is provided too frequently, this may cause unnecessary interference with the user 140 and affect the user's experience. This configuration method may provide a better experience for the user 140 in such cases.
[0046] 2B , a position adjustment control 241 may be presented for a first navigation label (i.e., navigation label 213) on page 200B. For example, the position adjustment control 241 may be provided after the user 140 has viewed a first page (e.g., page 200A) for 30 seconds or more. Alternatively or additionally, to facilitate the user 140 in understanding the cause, role, and adjustment result of the position adjustment control 241, 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 with the first prompt information 242, the terminal device 110 may combine both in a combined presentation style (e.g., prompt block 240) including, but not limited to, a bubble or a small window, and present them together to the user 140.
[0047] Different adjustment logics can be configured for the position adjustment control according to specific applications to meet different adjustment requirements. For example, the adjustment logic of the position adjustment control can adjust the navigation label to a preset position (e.g., first, last), or can raise or lower it by a predetermined number of positions (e.g., raising the previous position when the position adjustment control is triggered once). In some embodiments, the terminal device 110 can configure a target position (for convenience of description, this target position may be referred to as a first preset position) associated with the position adjustment control, i.e., adjust the corresponding navigation label to this first preset position after the user 140 triggers the position adjustment control. The first preset position may be a higher position in the navigation area. For example, the first preset position may be a first-ranked position, a second-ranked position, etc. in the navigation area. This allows the user 140 to 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 may configure one or more fixed navigation labels according to actual needs, and each fixed navigation label will not change position when other navigation labels are adjusted. In some embodiments, multiple navigation labels may be fixed in a "set." For example, the first to third navigation labels may be fixed navigation label A, navigation label B, and navigation label C, and will not change when other navigation labels are adjusted.
[0048] In some embodiments, when configuring the adjustment logic, certain constraints (e.g., order constraints) can be set on navigation labels to enhance the user's 140 experience while avoiding the problem of the user's 140 adjustments preventing the provision of a desired page or function. For example, in the above example, the terminal device 110 may desire to stably provide a navigation label to the user 140 in a fixed (or stable) position. For example, the terminal device 110 may desire to stably present the "Recommended" navigation label 211 in the first order (e.g., the far right). For convenience of description, a navigation label that is desired to be stably provided in such a fixed position may be referred to as a second navigation label, and a page that can be provided based on the second navigation label may be referred to as a second page accordingly, and the position to which the second navigation label is fixed is a second preset position in the navigation area. In this case, the first preset position may be configured to be adjacent to the second preset position (e.g., the first preset position is the first position to the left of the second preset position). This allows maintaining the existing fixed logic for the second navigation label, while simultaneously raising the presentation order of the adjusted navigation label as much as possible, thereby achieving both the existing presentation logic and the user's dynamic adjustment requirements. It should be understood that the description of navigation label 211 is merely an example, and the present disclosure is not intended to be limited thereto. Depending on the actual usage situation, the fixed navigation label may be any, such as navigation label 213, navigation label 214, etc.
[0049] Alternatively or additionally, the second page may be configured as an initial page (or default page) provided to the user 140 after the application 120 is launched by the user 140, or as a default page that is later presented as a candidate for a navigation label in the lower navigation area 230 (e.g., the "Top Page" navigation label 231), or as a page that has a fixed display position set in some other manner.
[0050] In some embodiments, the adjustment logic may be set in a step-like manner. For example, position adjustment control 241 may be configured such that, when triggered once, the corresponding first navigation label moves a predetermined position in a predetermined direction. In some embodiments, the predetermined direction may be determined based on the arrangement of the set of navigation labels. For example, if the adjustment is ascending, the predetermined direction may be a direction forward from the current presentation position of the first navigation label (e.g., in a right-to-left arrangement, the predetermined direction may be left-to-right). If there is a second navigation label (e.g., navigation label 211) that is fixed, the direction may be a direction from the position of the first navigation label toward the second navigation label, corresponding to the ascending direction. For example, on page 200B, such a direction may be a direction from navigation label 213 toward navigation label 211. This may move adjusted navigation label 213 closer to navigation label 211, i.e., it may have a higher presentation position than before the adjustment. Typically, the constant predetermined position referenced during movement may be in units of 1, for example, so that navigation labels can be adjusted in steps. In this case, the user 140 may indicate multiple movements by successively clicking the position adjustment control 241, and the terminal device 110 may determine the number of movements based on the interaction result of the user 140 and move accordingly. It should be understood that a certain predetermined ranking may be achieved by using other numerical units, such as second place, third place, etc., to realize a movement similar to a jump, and the present disclosure is not limited thereto.
[0051] Furthermore, when the user 140 performs a preset operation based on the position adjustment control 241 (e.g., triggering the position adjustment control 241 based on a single left click, multiple left clicks, gestures, touch triggers, or other methods), the terminal device 110 can adjust the presentation position of the first navigation label (e.g., the navigation label 213) in the navigation area 210 in response. In an embodiment of the present disclosure, when the position adjustment control 241 is triggered, the terminal device 110 can adjust the displayed navigation label 213 based on the adjustment logic of the position adjustment control 241. For example, if the position adjustment control 241 is configured with adjustment logic to move one position to the left, when 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, push the navigation label 212 back to the position originally occupied by the navigation label 213, and move the navigation label 213 one position to the right. Alternatively or additionally, to make it easier for the user 140 to understand the adjustment process, the terminal device 110 may present the movement of the first navigation label from its current presentation position to the adjusted presentation position with an animation effect so that it is easy for the user 140 to understand.
[0052] 2C and 2D , for example, after the user 140 triggers the position adjustment control 241 on page 200C, the terminal device 110 may present a process of moving the navigation label 213 one position to the right using an animation effect 243, thereby obtaining the adjusted page 200D shown in FIG. 2D . In some embodiments, the adjusted page 200D may further present second prompt information 251 to indicate the adjustment result (e.g., "Adjustment successful"). In some embodiments, when the terminal device 110 further provides another adjustment method, for example, in a method of invoking and adjusting a panel based on a preset gesture (e.g., a long press), which will be discussed in detail later, the terminal device 110 may further present second prompt information 251, for example, the second prompt information 251 may further include "A long press can trigger readjustment."
[0053] For ease of understanding, reference may be made to FIG. 2E for example. In FIG. 2E, the adjustment logic of the position adjustment control 241 may directly adjust the associated first navigation label to a position adjacent to the second navigation label (i.e., the first preset position). To clarify this description, in FIG. 2E, the “Explore” navigation label 214 may be adjusted, and the prompt block 240 may be associated with the navigation label 214 accordingly. For example, the information displayed in the first prompt information 242 may be changed to “Adjust Explore to the left of Recommendations.” Similarly, the terminal device 110 may use an animation effect 244 to present the process of moving the navigation label 214 to the left of the “Recommendations” navigation label 211, resulting in the adjusted page 200F.
[0054] This allows the user to easily and quickly adjust the navigation labels in the navigation area by providing a position adjustment control.
[0055] Next, the specific content of invoking a panel based on a preset gesture to realize the adjusted manner will be discussed in detail. For ease of understanding, the description will be made in conjunction with Figures 3A to 3C. Figures 3A to 3C respectively show schematic diagrams of exemplary pages 300A to 300C for adjusting navigation labels according to some other embodiments of the present disclosure.
[0056] In an embodiment of the present disclosure, the terminal device 110 can also provide a navigation area (e.g., navigation area 210) within the page 150, which includes multiple navigation labels 211 to 214 presented in sequence, which may be referred to in the relevant discussion above and will not be repeated here.
[0057] In an embodiment of the present disclosure, the terminal device 110 configures a preset gesture operation in association with the navigation area 210, and in response to detecting that the user 140 has performed the preset gesture operation on the navigation area 210, the terminal device 110 can provide a panel for adjusting the navigation area 210 (also referred to as an "adjustment panel" or a "label adjustment panel"). In some embodiments, the preset gesture operation may include a continuous dot gesture, a long press gesture, or the like, and 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 labels. The terminal device 110 can also expand the navigation area 210 based on the area area, and set a certain range of the vicinity of the navigation area 210 (e.g., a vicinity determined by a preset distance of the extent of the navigation area 210) as the detection area for the preset gesture operation, for ease of use by the user 140. This allows the terminal device 110 to detect whether the user 140 wishes to call up the panel by detecting whether the user 140 has made a long press gesture (e.g., a long press for 10 seconds or more) within the navigation area 210 or in the vicinity of the navigation area 210.
[0058] In some embodiments, prompt information may be provided to indicate that user 140 can trigger the presentation of the panel through a preset gesture operation. For example, in an embodiment based on the position adjustment control, second prompt information 251, “Long press to trigger re-adjustment,” may be provided to inform user 140 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, such as “Long press to trigger navigation label adjustment,” may be presented at an appropriate time and in an appropriate position on the page of the current presentation, and this prompt information may be associated with navigation area 210. In some embodiments, terminal device 110 may adaptively adjust the prompt information based on the specific predetermined gesture operation used, for example, changing “Long press to trigger navigation label adjustment” to “Click three times to trigger adjustment.”
[0059] For a triggered panel, the terminal device 110 can present the panel above the page content, for example, in a floating manner, lifting 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 region 210 so that the navigation region 210 and the panel do not obstruct each other, making it easier to later present a preview effect of navigation label adjustments in the navigation region 210. The navigation labels in the navigation region 210 can correspond to each label indication in the panel. For example, in visual style, the navigation labels can match the style in the label indication, and the presentation order of each label indication is the same as the presentation order of the navigation labels. While making it easier for the user 140 to understand and use the content in the panel, in some embodiments, the navigation region 210 can be used to preview the adjustment results made based on the panel. As described below, manipulating and adjusting the position of the label indication in the panel can be reflected in corresponding position adjustments to the navigation labels in the navigation region.
[0060] Alternatively or additionally, when presenting a panel on a page, the terminal device 110 may further highlight the navigation area 210 relative to at least some areas of the page, making it easier for the user 140 to see the navigation area 210.
[0061] 3A may be used as an example. In the page 300A, the terminal device 110 may present a panel 310 after detecting a long press gesture on the navigation region 210 by the user 140. When presenting the panel 310, the terminal device 110 may process other portions (e.g., the region 320) in the page 300A by, for example, branding, blurring, adding a mask layer, or the like, to achieve the purpose of highlighting the navigation region 210.
[0062] Label indications 311 to 315 may be presented in panel 310, and the label indications may correspond to navigation labels, or operations on the label indications may be associated with and act on the 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, panel 310 may further provide label indications (e.g., label indication 315) for navigation labels that are not currently presented in navigation region 210, thereby enabling user 140 to, for example, add a new navigation label to navigation region 210. In some embodiments, the presentation order of label indications in panel 310 may correspond to (e.g., rank order) the navigation labels in navigation region 210. Illustratively, the order of label indications presented from top to bottom in panel 310 corresponds to the order of presentation from right to left in navigation region 210 (i.e., the topmost label indication corresponds to the rightmost navigation label). This allows the user 140 to better respond to the content presented in the navigation area 210 and panel 310.
[0063] In some embodiments, in panel 310, user 140 can adjust the position of a label indication by, for example, performing a drag gesture, i.e., by dragging a label indication or a region associated with the label indication. Specifically, for a label indication that user 140 wants to adjust, user 140 can move it from its current position (which may be referred to as a first position for convenience of description) to a second position, for example, by dragging, to indicate the position adjustment for the label indication. For example, user 140 can adjust "City A" to the position originally occupied by "Follow" label indication 312 by dragging label indication 313 to the position of label indication 312. The effect of the adjusted navigation area can be seen in the layout of the navigation area in FIG. 2D above, and will not be further described here.
[0064] To facilitate user 140's use of panel 310, panel 310 may provide adjustment controls associated with label indications. User 140 can use the adjustment controls to trigger adjustments to the label indications and further adjust the navigation labels corresponding to the label indications. In some embodiments, a top control may be presented for one or more label indications in panel 310 to pin the label indication to the top. In some embodiments, in addition to gesture drags or suggestions, panel 310 may provide a drag control (sometimes referred to as a "hamburger bar") to assist user 140 in dragging the label indications. For example, the above-described drag gesture operation for dragging a label indication may be realized by dragging a drag control associated with the label indication. Dragging a drag control associated with the label indication can facilitate user 140's ability to complete the drag easily and accurately. In some embodiments, corresponding drag logic can be configured for the drag control as well; for example, when user 140 drags a drag control over another label indication, the user 140 can adjust the position of the dragged label indication in an insert manner (e.g., insert this label indication over the other label indication). For example, when a user 140 drags a drag control into the area of another label indication (e.g., fits the drag control into the area associated with the other label indication), the dragged label indication and the other label indication can be swapped to achieve position adjustment.
[0065] In some embodiments, the terminal device 110 further provides a delete control for deleting a label indication, which is used for position adjustment controls associated with the logic of the stepping, position adjustment, etc. (e.g., an up control for moving up one position, a down control for moving down one position), so that the user 140 can quickly send a corresponding command based on these controls to achieve an operation. For example, when the user 140 triggers a delete command for the associated label indication for the delete control, the terminal device 110 can cancel the presentation of the navigation label corresponding to this label indication in the navigation area 210 based on the delete command.
[0066] In some embodiments, the terminal device 110 may present only a portion of all available controls in the panel 310, such as a top control, a drag control, etc. Controls that are not presented may be provided to the user 140 by, for example, invoking an extension panel by sliding a label indication area (or a vicinity of the label indication area) to the left or right. This provides the panel 310 in a more concise manner while providing the user 140 with more functionality.
[0067] By way of example, and continuing to refer to FIG. 3A, panel 310 may be presented with a top control 321 and a drag control 322 associated with label instructions 313 .
[0068] It should be noted that if the label indication for the top control is at the highest level where adjustment is possible, the top control does not have to be provided so as not to mislead the user 140.
[0069] Regarding the top logic of the top control, when a top control of a certain label indication is triggered (e.g., when the user 140 triggers the top control with a preset operation, such as a left click of the mouse, as described above), the terminal device 110 can respond by adjusting the label indication in the panel 310 to a first preset position on the panel. In response to this top operation, the navigation label corresponding to the label indication fixed to the top is adjusted to a first preset position in the navigation area 210 (e.g., presented to the left of the "Recommended" navigation area in the sequence). As described above, when a fixed navigation label exists, the first preset position associated with the top control configured by the terminal device 110 must also take into account the second preset position where the fixed navigation label is located. For example, the first preset position may be adjacent to the second preset position so as not to disrupt the existing label fixation logic described above.
[0070] In some embodiments, the label indication (which may be referred to as the second label indication for convenience of description) of a fixed navigation label (e.g., "Recommended" navigation label 211) may not require position adjustment controls, such as a top control or a drag control, to avoid erroneous operation by user 140. Alternatively or additionally, prompt information may be associated with and presented to the fixed navigation label to provide feedback to user 140 about the fixed logic and position of the second label indication. Illustratively, in page 300A, prompt information 323 may be associated with label indication 311 and presented in panel 310 for fixed navigation label 211.
[0071] In some embodiments, after the label indication adjusted by the top operation (which may be referred to as the first label indication for convenience of description) is adjusted to the first preset position in the panel 310, because the label indication is at the first preset position, i.e., there is no need to adjust it to the "first preset position," the terminal device 110 may cancel the presentation of the top control associated with the first label indication in the panel 310. For example, if the first preset position is the highest in the sequence, the top control may not be provided to avoid misunderstanding by the user 140 about the label indication 312 that is currently highest in the adjustable sequence.
[0072] Furthermore, the terminal device 110 can detect whether a position adjustment operation, such as a position adjustment operation realized based on a top control, a drag control, or the like, exists for the position of a label indication on the panel 310. If a position adjustment operation exists, the terminal device 110 can adaptively adjust the position of the label indication on the panel 310 based on the position adjustment operation. For example, after the user 140 triggers the top control 321 on the page 300A based on a click method, the terminal device 110 can adaptively adjust the order of the label indications 312 and 313 presented on the panel 310, thereby achieving the effect shown in the example of page 300B.
[0073] In some embodiments, the terminal device 110 may adjust the navigation labels in the navigation area 210 accordingly based on the adjustment result made by the user 140 on the panel 310, or the terminal device 110 may adaptively adjust the position of the navigation labels in the navigation area 210 based on the adjustment result of the label indication. For example, when the user 140 performs a position adjustment operation on the panel 310, the navigation bar 210 may synchronously present a preview of the position adjustment result. For example, as shown on page 300C, the navigation area 210 may present a preview effect of the adjusted navigation area 210 based on the adjustment result of the panel 310. In some embodiments, after presenting the preview effect, the navigation area 210 may inquire of the user 140 whether to confirm the adjustment or save the current position adjustment result. If the user 140 wishes to save the current position adjustment result, a confirmation command for the position adjustment operation may be sent to the terminal device 110. In response to detecting a confirmation command for the position adjustment operation, the terminal device 110 can actually perform the position adjustment operation on the navigation label in the navigation area 210 to complete the adjustment. Alternatively or additionally, to make it easier for the user 140 to confirm the position adjustment result, the terminal device 110 can further provide a confirmation control on the panel 310 (e.g., confirmation control 325 in page 300A), allowing the user 140 to decide on the position adjustment operation based on a preset operation with the confirmation control 325, or to confirm that the current position adjustment result is valid and wish to perform the current position adjustment operation.
[0074] This provides the user 140 with a preview effect, making it easier to perceive the adjustment results and enabling more efficient adjustments, while also reducing degradation of the user experience due to incorrect operations by the user 140.
[0075] Similarly, if a preview is not provided to user 140, a confirmation process can be configured for user 140. For example, after obtaining page 300B based on user 140's position adjustment operation, it can be determined based on the result obtained by sending inquiry information to user 140 or the result of user 140's operation on confirmation control 325 whether user 140 has confirmed the position adjustment operation just performed, whether user 140 wants to perform the position adjustment operation just performed, and whether the position adjustment operation just performed is valid. This reduces degradation of the user experience due to user 140's incorrect operation, etc.
[0076] As a result, after user 140 completes the position adjustment operation based on page 300B and / or page 300C, the user can finally obtain the example adjustment result shown on page 200D above, and complete the adjustment operation on the navigation labels in navigation area 210 (or, specifically, the adjustment operation on the presentation positions of navigation labels 212 and 213).
[0077] In some embodiments, to facilitate user 140's quick back-off adjustment, for example, if the user is dissatisfied with the result of adjusting the label indication, the user may be able to cancel the position adjustment operation previously implemented based on panel 310. For example, panel 310 may provide user 140 with a cancel control (e.g., cancel control 324 in page 300A), and user 140 may trigger the cancel of control 324 based on a preset operation to send a cancel command for the position adjustment operation. In response to detecting a cancel command for the position adjustment operation in the panel, terminal device 110 may cancel the adjustment to the presentation order of navigation labels, thereby quickly realizing the back-off of the position adjustment operation in panel 310 and improving the operation efficiency of user 140.
[0078] In some embodiments, the terminal device 110 may further configure logic for canceling or stopping the presentation of the panel 310 to prevent the panel 310 from erroneously occupying page display space when the user 140 has finished using it or does not need it. Specifically, the terminal device 110 may also be configured with preset operations for canceling the presentation of the panel, and when such preset operations are detected, the terminal device 110 may stop the presentation of the panel 310. For example, the panel 310 may be configured with an off control (e.g., off control 326 in page 300A), and the corresponding preset operation may be triggered by the user 140 when the off control 326 is activated. Similarly, after the user 140 submits a position adjustment operation on the panel 310 (or after the user 140 confirms the position adjustment operation), the terminal device 110 can similarly close the panel 310 based on the user 140's submission or confirmation operation (e.g., the user 140 triggers the confirmation control 325), and automatically remove the panel 310 after the user 140 completes the adjustment, improving the interaction 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 valid, the terminal device 110 can present the navigation region 210 based on the configuration before the adjustment.
[0079] In some embodiments, when closing panel 310, it can be configured as needed whether or not user 140 can turn off panel 310 by, for example, clicking a mask layer region (e.g., region 320). For example, when considering the convenience of operation for user 140, it may be configured so that user 140 can close panel 310 by clicking region 320. In other situations, for example, when considering preventing user 140 from accidentally touching or accidentally closing panel 310, it may be configured so that user 140 cannot close panel 310 by clicking region 320.
[0080] As described above, according to the embodiments of the present disclosure, adjustments to navigation labels in a navigation area can be realized based on position adjustment controls and / or panels, allowing users to easily and quickly customize the order of multiple navigation labels and flexibly adjust the presentation of navigation labels according to usage needs, which helps improve page browsing efficiency and user experience.
[0081] Process Example
[0082] 4 shows a flowchart of a method 400 for page interaction according to some embodiments of the present disclosure. The method 400 may be implemented in the terminal device 110. The method 400 will be described below with reference to FIG.
[0083] In block 410, the terminal device 110 cycles through multiple navigation labels in the navigation area of the page.
[0084] In block 420, the terminal device 110 presents a position adjustment control for a first navigation label of the plurality of navigation labels.
[0085] In block 430, the terminal device 110 adjusts the presentation position of the first navigation label in the navigation area in response to detecting a preset operation on the position adjustment control.
[0086] In some examples, the first navigation label corresponds to a first page, and wherein 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.
[0087] In some examples, adjusting the presentation position of the first navigation label in the navigation region includes adjusting the first navigation label to a first preset position in the navigation region.
[0088] In some embodiments, a second navigation label of the plurality of navigation labels corresponds to a second page and is fixedly presented at 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.
[0089] In some examples, adjusting the presentation position of the first navigation label in the navigation region includes moving the first navigation label in the navigation region according to a predetermined number of movements in a predetermined direction.
[0090] In some implementations, the predetermined direction is a direction forward from the current presentation position of the first navigation label.
[0091] In some examples, the method 400 further includes presenting first prompt information indicating an expected adjustment result for the presented position of the first navigation label of the position adjustment control simultaneously with presenting the position adjustment control.
[0092] In some examples, the method 400 further includes presenting second prompt information indicating a position adjustment operation for the navigation label in the navigation area after the presentation position of the first navigation label is adjusted.
[0093] In some examples, the first navigation label corresponds to a first page, and wherein presenting the position adjustment control includes presenting the position adjustment control after the first page has been presented a predetermined time.
[0094] In some examples, adjusting the presentation position of the first navigation label in the navigation region includes presenting the first navigation label moving from its current presentation position to the adjusted presentation position with an animation effect.
[0095] 5 shows a flowchart of a method 500 for page interaction according to some other embodiments of the present disclosure. The method 500 may be implemented in the terminal device 110. The method 500 will be described below with reference to FIG.
[0096] In block 510, the terminal device 110 cycles through multiple navigation labels in the navigation area of the page.
[0097] 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 presents at least a plurality of label indications corresponding to a plurality of navigation labels, respectively.
[0098] In block 530, terminal device 110 detects an alignment operation for multiple label indications within the panel.
[0099] In block 540, the terminal device 110 adjusts the presentation order of the navigation labels in the navigation area based on the position adjustment operation.
[0100] In some examples, the preset gesture operation includes a long press gesture operation detected within or near the navigation area.
[0101] In some implementations, the method 500 further includes highlighting the navigation region relative to at least some regions of the page during the period in which the panel is presented.
[0102] In some examples, presenting the panel includes presenting the panel separately from the navigation area.
[0103] In some embodiments, the plurality of label indications are presented in the panel in the order of the plurality of navigation labels, and the method 500 further includes, in response to detecting the position adjustment operation, adjusting the presentation order in the panel of the plurality of label indications based on the position adjustment operation within the panel.
[0104] In some embodiments, adjusting the presentation order of the plurality of navigation labels in the navigation area includes, in response to detecting a confirmation command for the position adjustment operation, adjusting the presentation order of the plurality of navigation labels in the navigation area based on the position adjustment operation.
[0105] In some embodiments, the method 500 further includes canceling the adjustment to the presentation order of the plurality of navigation labels in response to detecting a cancel command for the position adjustment operation within the panel.
[0106] In some embodiments, the method 500 further includes ceasing presentation of the panel in response to detecting a preset operation on the panel.
[0107] In some embodiments, the panel further presents a top control associated with a first label indication of the plurality of label indications, and wherein adjusting the presentation order of the plurality of navigation labels in the navigation area includes adjusting a first navigation label corresponding to the first label indication to a first preset position in the navigation area if the position adjustment operation includes a preset operation for the top control.
[0108] In some embodiments, a second navigation label of the plurality of navigation labels 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.
[0109] In some embodiments, the method 500 further includes adjusting, within the panel, a first label indication to a first preset position on the panel if the position adjustment operation includes a preset operation on the top control.
[0110] In some embodiments, a second label indication of the plurality of label indications is fixedly presented at a second preset position on the panel, and wherein the first preset position on the panel is adjacent to the second preset position on the panel.
[0111] In some embodiments, the method 500 further includes canceling presentation of a top control associated with the first label indication in the panel after adjusting the first label indication to the first preset position on the panel.
[0112] In some embodiments, the position adjustment operation indicates moving a third label indication of the plurality of label indications from a first position to a second position on the panel, and wherein the position adjustment operation includes adjusting a third navigation label corresponding to the third label indication from the navigation area to a presentation position corresponding to the second position on the panel based on the position adjustment operation adjusting the presentation order of the plurality of navigation labels in the navigation area.
[0113] In some embodiments, the panel further presents a drag control associated with the third label indication, and the position adjustment operation includes a drag operation on the drag control to move the third label indication from the first position to the second position.
[0114] In some embodiments, the method 500 further includes detecting a deletion command for at least one label indication of the plurality of labels in the panel and canceling presentation of at least one navigation label corresponding to the at least one label indication in the navigation area.
[0115] Exemplary Devices and Equipment
[0116] 6 illustrates an example structural block diagram of an apparatus 600 for page interaction according to some embodiments of the present disclosure. The apparatus 600 may be implemented in or included in the terminal device 110. Each module / component in the apparatus 600 may be implemented by hardware, software, firmware, or any combination thereof.
[0117] As shown, device 600 includes a first presentation module 610 configured to sequentially present a plurality of navigation labels in a navigation region of a page. Device 600 further includes a second presentation module 620 configured to present a position adjustment control for a first navigation label of the plurality of navigation labels. Device 600 further includes a first adjustment module 630 configured to adjust a presentation position of the first navigation label in the navigation region in response to detecting a preset operation on the position adjustment control.
[0118] In some examples, the first navigation label 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.
[0119] In some examples, adjusting the presentation position of the first navigation label in the navigation region includes adjusting the first navigation label to a first preset position in the navigation region.
[0120] In some embodiments, a second navigation label of the plurality of navigation labels corresponds to a second page and is fixedly presented at 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.
[0121] In some examples, adjusting the presentation position of the first navigation label in the navigation region includes moving the first navigation label in the navigation region according to a predetermined number of movements in a predetermined direction.
[0122] In some implementations, the predetermined direction is a direction forward from the current presentation position of the first navigation label.
[0123] In some embodiments, the device 600 further includes a first presentation module configured to present the position adjustment control and, simultaneously, present first prompt information indicating an expected adjustment result for the presentation position of the first navigation label of the position adjustment control.
[0124] In some embodiments, the device 600 further includes a second presentation module configured to present second prompt information indicating a position adjustment operation for the navigation label in the navigation area after the presentation position of the first navigation label is adjusted.
[0125] In some examples, where the first navigation label corresponds to a first page, presenting the position adjustment control in the second presentation module 620 includes presenting the position adjustment control after the first page has been presented for a predetermined time.
[0126] In some examples, adjusting the presentation position of the first navigation label in the navigation region includes presenting the first navigation label moving from its current presentation position to the adjusted presentation position with an animation effect.
[0127] 7 illustrates an example structural block diagram of an apparatus 700 for page interaction according to some embodiments of the present disclosure. The apparatus 700 may be implemented in or included in the terminal device 110. Each module / component in the apparatus 700 may be implemented by hardware, software, firmware, or any combination thereof.
[0128] As shown in the figure, the apparatus 700 includes a third presentation module 710 configured to sequentially present a plurality of navigation labels in a navigation region of a page. The apparatus 700 further includes a fourth presentation module 720 configured to present a panel presenting at least a plurality of label indications corresponding to the plurality of navigation labels in response to detecting a preset gesture operation on the navigation region. The apparatus 700 further includes a detection module 730 configured to detect a position adjustment operation on the plurality of label indications within the panel. The apparatus 700 further includes a second adjustment module 740 configured to adjust the presentation order of the plurality of navigation labels in the navigation region based on the position adjustment operation.
[0129] In some examples, the preset gesture operation includes a long press gesture operation detected within or near the navigation area.
[0130] In some implementations, the apparatus 700 further includes a highlighting module configured to cause the navigation region to be highlighted relative to at least some regions of the page during the period in which the panel is presented.
[0131] In some examples, presenting the panel includes presenting the panel separately from the navigation area.
[0132] In some embodiments, the plurality of label indications are presented in the panel in the order of the plurality of navigation labels, and the apparatus 700 further includes a third adjustment module configured to adjust the presentation order of the plurality of label indications in the panel based on the position adjustment operation in response to detecting the position adjustment operation within the panel.
[0133] In some embodiments, adjusting the presentation order of the plurality of navigation labels in the navigation area includes, in response to detecting a confirmation command for the position adjustment operation, adjusting the presentation order of the plurality of navigation labels in the navigation area based on the position adjustment operation.
[0134] In some embodiments, the apparatus 700 further includes a first cancellation module configured to cancel the adjustment to the presentation order of the plurality of navigation labels in response to detecting a cancellation command for the position adjustment operation within the panel.
[0135] In some embodiments, the apparatus 700 further includes a stop module configured to stop the presentation of the panel in response to detecting a preset operation on the panel.
[0136] In some embodiments, the panel further presents a top control associated with a first label indication of the plurality of label indications, and adjusting the presentation order of the plurality of navigation labels in the navigation area in the second adjustment module 740 includes adjusting a first navigation label corresponding to the first label indication to a first preset position in the navigation area if the position adjustment operation includes a preset operation for the top control.
[0137] In some embodiments, a second navigation label of the plurality of navigation labels 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.
[0138] In some embodiments, the device 700 further includes a fourth adjustment module configured to adjust the first label indication within the panel to a first preset position on the panel when the position adjustment operation includes a preset operation on the top control.
[0139] In some embodiments, a second label indication of the plurality of label indications is fixedly presented at a second preset position on the panel, and wherein the first preset position on the panel is adjacent to the second preset position on the panel.
[0140] In some embodiments, the apparatus 700 further includes a second cancellation module configured to cancel presentation of a top control associated with the first label indication in the panel after adjusting the first label indication to a first preset position on the panel.
[0141] In some embodiments, the position adjustment operation indicates moving a third label indication among the plurality of label indications from a first position to a second position on the panel, and adjusting the presentation order of the plurality of navigation labels in the navigation area includes adjusting a third navigation label corresponding to the third label indication from the navigation area to a presentation position corresponding to the second position on the panel based on the position adjustment operation.
[0142] In some embodiments, the panel further presents a drag control associated with the third label indication, and the position adjustment operation includes a drag operation on the drag control to move the third label indication from the first position to the second position.
[0143] In some embodiments, the apparatus 700 further includes a third cancellation module configured to detect a deletion instruction for at least one label indication of the plurality of labels in the panel and cancel presentation of at least one navigation label corresponding to the at least one label indication in the navigation area.
[0144] 8 illustrates a block diagram of an electronic device 800 capable of implementing one or more embodiments of the present disclosure. It should be understood that the electronic device 800 illustrated in FIG. 8 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The electronic device 800 illustrated in FIG. 8 may be used to implement the terminal device 110 of FIG. 1.
[0145] 8, electronic device 800 is a form of 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 may perform various processes based on programs stored in memory 820. In a multiprocessor system, multiple processing units may execute computer-executable instructions in parallel to increase the parallel processing capabilities of electronic device 800.
[0146] The electronic device 800 typically includes multiple computer storage media. Such media may be any available media accessible by the electronic device 800, including, but not limited to, volatile and nonvolatile, removable and non-removable media. The memory 820 may be volatile memory (e.g., registers, high-speed cache, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 830 may be removable or non-removable media and may include machine-readable media, such as a flash memory drive, a magnetic disk, or any other medium, that can be used to store information and / or data (e.g., training data for training) and that can be accessed within the electronic device 800.
[0147] The electronic device 800 may further include other removable / non-removable, volatile / non-volatile storage media. Although not shown in FIG. 8 , a magnetic disk drive for reading from or writing to a removable non-volatile magnetic disk (e.g., a “floppy disk”) and a disk drive for reading from or writing to a removable non-volatile disk may be provided. In these cases, each drive may be connected to a bus (not shown) via one or more data medium interfaces. The memory 820 may include a computer program product 825 having one or more program modules configured to perform various methods or operations of various embodiments of the present disclosure.
[0148] The communication unit 840 enables communication with other electronic devices via a communication medium. Additionally, the functionality of the components of the electronic device 800 can be realized by a single computing cluster or multiple computing devices, which can communicate via a communication connection. Thus, the electronic device 800 can operate in a network environment using logical connections with one or more other servers, network personal computers (PCs), or other network nodes.
[0149] Input device(s) 850 may be one or more input devices, such as a mouse, keyboard, trackball, etc. Output device(s) 860 may be one or more output devices, such as a display, speakers, printer, etc. Electronic device 800 may communicate with one or more external devices (not shown) via communication unit 840 as needed, and external devices, such as storage devices, display devices, etc., may communicate with one or more devices through which a user interacts with electronic device 800, or with any device (e.g., a network card, modem, etc.) through which electronic device 800 communicates with one or more other electronic devices. Such communication may be performed via an input / output (I / O) interface (not shown).
[0150] According to an exemplary embodiment of the present disclosure, there is provided a computer-readable storage medium having computer-executable instructions stored thereon, wherein the computer-executable instructions are executed by a processor to implement the above-described method. According to an exemplary embodiment of the present disclosure, there is also provided a computer program product, wherein the computer program product is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, wherein the computer-executable instructions are executed by a processor to implement the above-described method.
[0151] Aspects of the present disclosure are described herein with reference to flowcharts and / or block diagrams of methods, apparatus, 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 all be implemented by computer-readable program instructions.
[0152] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, special-purpose computer, or other programmable data processing apparatus to produce an apparatus that, when executed by the processing unit of the computer or other programmable data processing apparatus, implements the functions / operations set forth in one or more blocks in the flowcharts and / or block diagrams. These computer-readable program instructions can be stored on a computer-readable storage medium that causes the computer, programmable data processing apparatus, and / or other apparatus to operate in a particular manner, and the computer-readable medium on which the instructions are stored includes an article of manufacture containing instructions that implement the functions / operations set forth in one or more blocks in the flowcharts and / or block diagrams.
[0153] The computer-readable program instructions can be loaded into a computer, other programmable data processing device, or other device to execute a series of operational steps on the computer, other programmable data processing device, or other device to generate a computer-implemented process, such that the instructions executing on the computer, other programmable data processing device, or other device can implement the functions / acts defined in one or more blocks in the flowcharts and / or block diagrams.
[0154] The flowcharts and block diagrams in the figures illustrate possible organizational architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, program segment, or part of an instruction, which includes one or more executable instructions for implementing the defined logical function. In alternative implementations, the functions depicted in the blocks may occur in a different order than depicted in the figures. For example, two consecutive blocks may actually be executed substantially in parallel, or may be executed in a reverse order depending on the related functionality. It should be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, may be implemented in a dedicated hardware-based system that performs the defined functions or operations, or may be implemented in a combination of dedicated hardware and computer instructions.
[0155] Although the embodiments of the present disclosure have been described above, the above description is illustrative and not exhaustive, and is not limited to the disclosed embodiments. Many modifications and variations will be apparent to those skilled in the art without departing from the scope and spirit of the described embodiments. The terminology used herein is intended to best interpret the principles, practical applications, or improvements to technology in the marketplace of each embodiment, or to enable those skilled in the art to understand each implementation scheme disclosed herein.
Claims
1. 1. A method of page interaction, comprising: presenting multiple navigation labels in a sequential order in the navigation area of the page; and presenting a position adjustment control for a first navigation label of the plurality of navigation labels; and adjusting a presentation position of the first navigation label in the navigation region in response to detecting a preset operation on the position adjustment control.
2. the first navigation label corresponds to a first page, and presenting the position adjustment control includes: The method of claim 1 , comprising presenting the position adjustment control in response to detecting that a predetermined interaction condition associated with the first page is satisfied.
3. adjusting the presentation position of the first navigation label in the navigation region; The method of claim 1 , further comprising adjusting the first navigation label to a first preset position in the navigation region.
4. a second navigation label of the plurality of navigation labels corresponding to a second page and fixedly presented at a second preset position in the navigation area; The method of claim 3 , wherein in the navigation region, the first preset position is adjacent to the second preset position.
5. adjusting the presentation position of the first navigation label in the navigation region; The method of claim 1 , further comprising: moving the first navigation label in the navigation region in response to a predetermined number of movements in a predetermined direction.
6. The method of claim 5 , wherein the predetermined direction is toward a position prior to the current presentation position of the first navigation label.
7. 2. The method of claim 1, further comprising presenting first prompt information indicating an expected result of adjusting the position adjustment control relative to the presented position of the first navigation label simultaneously with presenting the position adjustment control.
8. The method of claim 1 , further comprising: after the presentation position of the first navigation label is adjusted, presenting second prompt information indicating a position adjustment operation for a navigation label in the navigation area.
9. the first navigation label corresponds to a first page, and presenting the position adjustment control includes: The method of claim 1 , further comprising presenting the position adjustment control after the first page has been presented for a predetermined time.
10. adjusting the presentation position of the first navigation label in the navigation region; The method of claim 1 , comprising presenting the movement of the first navigation label from the current presentation position to the adjusted presentation position with an animation effect.
11. 1. A method of page interaction, comprising: presenting multiple navigation labels in a sequential order in the navigation area of the page; and presenting a panel in response to detecting a preset gesture operation on the navigation area, the panel presenting a plurality of label indications respectively corresponding to at least the plurality of navigation labels; detecting a position adjustment operation for the plurality of label indications on the panel; adjusting a presentation order of the plurality of navigation labels in the navigation area based on the position adjustment operation.
12. The method of claim 11 , wherein the preset gesture operation includes a long press gesture operation detected within the navigation area or a vicinity of the navigation area.
13. The method of claim 11 , further comprising causing the navigation area to be highlighted relative to at least a portion of the page during the period in which the panel is presented.
14. Presenting the panel comprises: The method of claim 11 , comprising presenting the panel separately from the navigation area.
15. The plurality of label indications are presented on the panel in order of the plurality of navigation labels, and the method further comprises: The method of claim 11 , further comprising: in response to detecting the position adjustment operation, adjusting a presentation order of the plurality of label indications on the panel based on the position adjustment operation on the panel.
16. Adjusting the presentation order of the plurality of navigation labels in the navigation area includes:
12. The method of claim 11, further comprising: adjusting a presentation order of the plurality of navigation labels in the navigation area based on the position adjustment operation in response to detecting a confirmation command for the position adjustment operation.
17. The method of claim 11 , further comprising: canceling the adjustment to the presentation order of the plurality of navigation labels in response to detecting a cancel command for the position adjustment operation on the panel.
18. The method of claim 11 , further comprising ceasing presentation of the panel in response to detecting a preset operation on the panel.
19. The panel further presents a top control associated with a first label indication of the plurality of label indications, and adjusting the presentation order of the plurality of navigation labels in the navigation area includes:
12. The method of claim 11, further comprising adjusting a first navigation label corresponding to the first label indication to a first preset position in the navigation area if the position adjustment operation includes a preset operation for the top control.
20. a second navigation label of the plurality of navigation labels corresponding to a predetermined page and fixedly presented at a second preset position in the navigation area; The method of claim 19 , wherein the first preset position in the navigation region is adjacent to the second preset position in the navigation region.
21. 20. The method of claim 19, further comprising adjusting the first label indication on the panel to a first preset position on the panel if the position adjustment operation includes the preset operation on the top control.
22. a second label instruction among the plurality of label instructions is fixedly presented at a second preset position on the panel; 22. The method of claim 21, wherein the first preset position on the panel is adjacent to the second preset position on the panel.
23. 22. The method of claim 21, further comprising canceling presentation of the top control associated with the first label indication on the panel after adjusting the first label indication to the first preset position on the panel.
24. the position adjustment operation indicates moving a third label indication among the plurality of label indications from a first position to a second position on the panel, and adjusting the presentation order of the plurality of navigation labels in the navigation area includes:
12. The method of claim 11, further comprising adjusting a third navigation label corresponding to the third label indication in the navigation region to a presentation position corresponding to a second position in the panel based on the position adjustment operation.
25. 25. The method of claim 24, wherein the panel further presents a drag control associated with the third label indication, and the position adjustment operation includes a drag operation on the drag control to move the third label indication from the first position to the second position.
26. 26. The method of claim 11, further comprising: detecting, on the panel, a deletion command for at least one label indication among the plurality of label indications; and canceling, in the navigation area, presentation of at least one navigation label corresponding to the at least one label indication.
27. 1. An apparatus for page interaction, comprising: a first presentation module configured to sequentially present a plurality of navigation labels in a navigation region of a page; a second presentation module configured to present a position adjustment control for a first navigation label of the plurality of navigation labels; a first adjustment module configured to adjust a presentation position of the first navigation label in the navigation region in response to detecting a preset operation on the position adjustment control.
28. 1. An apparatus for page interaction, comprising: a third presentation module configured to sequentially present a plurality of navigation labels in a navigation region of the page; a fourth presentation module configured to present a panel in response to detecting a preset gesture operation on the navigation area, the panel presenting at least a plurality of label indications respectively corresponding to the plurality of navigation labels; a detection module configured to detect an alignment operation on the panel relative to the plurality of label indicia; a second adjustment module configured to adjust a presentation order of the plurality of navigation labels in the navigation area based on the position adjustment operation.
29. at least one processing unit; at least one memory coupled to the at least one processing unit and configured to store instructions for execution by the at least one processing unit, The instructions, when executed by the at least one processing unit, cause the electronic device to perform the method of any one of claims 1 to 10 and / or the method of any one of claims 11 to 26.
30. A computer-readable storage medium having stored thereon a computer program 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.
Citation Information
Patent Citations
Intelligent channel sorting method and apparatus
CN106445979A