WO2026056389A1 - Page interaction method and apparatus, device, medium, and product - Google Patents

Abstract

According to the embodiments of the present disclosure, provided are a page interaction method and apparatus, a device, a medium, and a product. The method comprises: presenting a target interface element in association with a first navigation tab at a predetermined position of a navigation display area, wherein a plurality of navigation tabs in a navigation tab set are sequentially displayed in the navigation display area, and the target interface element indicates that an associated navigation tab is in a selected state; in response to detecting a navigation switching indication from the first navigation tab to a second navigation tab, and in response to at least one navigation tab in the navigation tab set, arranged in a predetermined ordering direction, not being displayed in the navigation display area, and while maintaining the presentation of the target interface element at the predetermined position, moving the second navigation tab to a predetermined position associated with the target interface element in the navigation display area so as to replace the first navigation tab, and at least partially hide the first navigation tab in the navigation display area.

Description

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

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

Technical Field

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

Background Technology

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

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

Summary of the Invention

In a first aspect of this disclosure, a method for page interaction is provided. The method includes: presenting a target interface element associated with a first navigation label at a predetermined position in a navigation display area, wherein a plurality of navigation labels from a set of navigation labels are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation label is selected; and in response to detecting a navigation switching indication from the first navigation label to a second navigation label, and in response to at least one navigation label in the set of navigation labels not being presented in a predetermined sorting direction in the navigation display area, while maintaining the target interface element presented at the predetermined position, moving the second navigation label to a predetermined position associated with the target interface element in the navigation display area to replace the first navigation label, and at least partially hiding the first navigation label in the navigation display area.

In a second aspect of this disclosure, an apparatus for page interaction is provided. The apparatus includes: an interface element presentation module configured to present a target interface element associated with a first navigation label at a predetermined position in a navigation display area, wherein a plurality of navigation labels from a set of navigation labels are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation label is selected; and a navigation label processing module configured to, in response to detecting a navigation switching indication from the first navigation label to a second navigation label, and in response to at least one navigation label in the set of navigation labels not being presented in a predetermined sorting direction in the navigation display area, while maintaining the target interface element presented at the predetermined position, move the second navigation label to a predetermined position associated with the target interface element in the navigation display area to replace the first navigation label, and at least partially hide the first navigation label in the navigation display area.

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

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

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

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

Attached Figure Description

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

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

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

Figures 3A to 3E illustrate schematic diagrams of example interfaces for page interaction according to other embodiments of the present disclosure;

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

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

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

Detailed Implementation

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

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

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

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

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

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

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

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

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

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

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

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

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

Typically, if a navigation tab is selected, a selection bar is displayed to indicate that the tab is selected. Currently, the selection bar, used to indicate selection, is usually centered in the navigation display area. Correspondingly, if the user switches between navigation tabs left and right, the leftmost or rightmost navigation tab in the display area will be hidden. For example, if the terminal device detects that the user is switching between navigation tabs, it determines the relationship between the target navigation tab and the navigation tab in the middle of the display area. If the target navigation tab is to the left of the middle navigation tab, all navigation tabs in the display area will move to the right, and the rightmost navigation tab will be hidden, instead of the previously selected navigation tab. However, this approach only triggers the logic of keeping the selected navigation tab in the center of the display area when the user switches to a navigation tab slightly to the left of the center. This results in later navigation tabs being displayed later and significantly impacts the display of later-ordered navigation tabs.

In view of the above, according to embodiments of this disclosure, an improved scheme for page interaction is proposed. This scheme includes presenting a target interface element associated with a first navigation label at a predetermined position in a navigation display area, wherein multiple navigation labels from a set of navigation labels are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation label is selected. Then, if a navigation switching indication from the first navigation label to a second navigation label is detected, and if at least one navigation label in the set of navigation labels in a predetermined sorting direction is not presented in the navigation display area, while maintaining the target interface element presented at the predetermined position, the second navigation label is moved to the predetermined position associated with the target interface element in the navigation display area to replace the first navigation label, and the first navigation label is at least partially hidden in the navigation display area. The second navigation label is a label in the set of navigation labels that is ordered after the first navigation label in the predetermined sorting direction.

Therefore, this disclosure reduces the display space of initial navigation tabs, thereby increasing the display space of subsequent navigation tabs, which helps improve page browsing efficiency and user experience. Correspondingly, this disclosure also makes it easier for users to switch navigation tabs.

The following description continues with reference to the accompanying drawings, which will now include some exemplary embodiments of this disclosure. It should be understood that the pages shown in the drawings are merely examples, and various page designs are possible in practice. The various graphic elements on the page may have different arrangements and different visual representations, one or more elements may be omitted or replaced, and one or more other elements may also be present. The embodiments of this disclosure are not limited in this respect. Furthermore, in the following description, exemplary embodiments will be primarily described with respect to terminal device 110. It should be understood that the actions described with respect to terminal device 110 may be performed by application 120 on terminal device 110, or may be performed by application 120 in conjunction with its server (e.g., server 130).

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

For example, when navigation labels are arranged horizontally, the arrangement order can be determined based on certain arrangement logic, such as arranging the navigation labels from left to right or from right to left. For instance, in Figures 2A to 2E and Figures 3A to 3E, the navigation labels in the navigation display area are arranged from right to left as follows: "Recommended," "Shop," "Follow," ..., "Hot Topics," with the "Recommended" label at the beginning and the "Hot Topics" label at the end. This sequence will be described with reference to it for ease of understanding, but it is merely exemplary and not intended to be limiting. It should be understood that the above arrangement order and the underlying arrangement logic are merely illustrative and not intended to impose any limitations. For example, the above arrangement order could also be from right to left, or from top to bottom or bottom to top vertically, etc. This is to avoid a cluttered presentation of navigation labels.

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

In some embodiments, the terminal device 110 presents a target interface element associated with a first navigation label at a predetermined position in the navigation display area. In some examples, when the page corresponding to the first navigation label is active, the terminal device 110 may present the target interface element (also referred to as a selection bar) associated with the first navigation label at a predetermined position in the navigation display area (e.g., the far right of the top navigation display area). In some embodiments, multiple navigation labels from a set of navigation labels are sequentially displayed in the navigation display area.

In some embodiments, the predetermined position where the target interface element is presented is configured at the head or tail position along the movable direction of the navigation display area. If the movable direction of the navigation display area is left-right, then the head or tail position is the rightmost or leftmost position. If the movable direction of the navigation display area is up-down, then the head or tail position is the topmost or bottommost position.

In some embodiments, the target interface element indicates that the associated navigation tab is selected. It is understood that when the target interface element (also referred to as the selection bar) is associated with the first navigation tab and presented in the top navigation display area, it indicates that the first navigation tab is selected. In some examples, the page corresponding to the selected navigation tab is determined to be the active page and can be presented to the user by the application.

Typically, after detecting that application 120 has been launched, terminal device 110 can set the default navigation tab to be selected so that the page corresponding to the default navigation tab can be presented to the user. Usually, the navigation tab selected by default is the navigation tab that is first in the navigation tab set.

In some embodiments, if a switch from a first navigation label to a subsequent second navigation label in the navigation label set is detected, and at least one navigation label in the navigation label set in a predetermined sorting direction is not displayed in the navigation display area, the terminal device 110, while maintaining the target interface element displayed in a predetermined position, moves the second navigation label in the navigation display area to a predetermined position associated with the target interface element, thereby replacing the first navigation label. The second navigation label is a label in the navigation label set that is ordered after the first navigation label in the predetermined sorting direction. Accordingly, the terminal device 110 at least partially hides the first navigation label in the navigation display area. The handling of navigation labels by the terminal device 110 in this case will be described in detail below.

In some embodiments, at least one navigation label in the navigation label set in a predetermined sorting direction is not displayed in the navigation display area. For example, if a user wants to switch to a later navigation label, assuming the navigation labels are sorted from right to left, then the user wants to switch to a later navigation label.

In some examples, the navigation tags in the navigation tag set are sorted according to a predetermined sorting rule and respond to the user's sequential navigation switching instruction according to a predetermined sorting direction. For example, if the user's navigation switching instruction corresponds to switching to the next navigation tag, the terminal device 110 will determine the next navigation tag sorted after the currently selected navigation tag according to the predetermined sorting direction. If the user's navigation switching instruction corresponds to switching to the previous navigation tag, then the previous navigation tag sorted before the currently selected navigation tag will be determined according to the predetermined sorting direction.

In some embodiments, the navigation switching indication may be based on a user's click action, and the second navigation label is the navigation label selected by the click action. In some examples, if the user selects to click to switch, the user can choose to switch to any navigation label. Accordingly, the second navigation label can be any navigation label selected by the user's click. The following description with reference to Figures 2A to 2D illustrates a user clicking a second navigation label to switch to the second navigation label.

In some embodiments, the navigation switching indicator may also be based on the user's swipe operation, and the second navigation label may be determined based on the sorting position of the first navigation label in the navigation label set and the swipe direction. In some examples, if it is a sequential switch, such as when the user selects to swipe left or right or clicks sequentially, the second navigation label may be the next navigation label from left to right. The following description of the user switching navigation labels based on a swipe operation refers to Figures 3A to 3E.

For ease of understanding, the schemes for page interaction of this disclosure will be described below with reference to Figures 2A to 2E and Figures 3A to 3E. Figures 2A to 2E show schematic diagrams of example interfaces 200A to 200E for page interaction according to some embodiments of this disclosure. Figures 3A to 3E show schematic diagrams of example interfaces 300A to 300E for page interaction according to some embodiments of this disclosure. The example interfaces 200A to 200E and 300A to 300E shown in Figures 2A to 2E and Figures 3A to 3E can be any page of application 120. Although these embodiments are described as being implementable on the terminal device 110 of FIG. 1, particularly on the application client of the terminal device 110, in other embodiments, the terminal device 110 may perform these operations with the assistance of server 130.

In embodiments of this disclosure, terminal device 110 can display multiple navigation tabs in the navigation display area of page 150. As described above, the multiple navigation tabs can be arranged and presented in a certain order. For ease of description, the arrangement order used here and thereafter is exemplified as a horizontal arrangement from right to left. That is, the navigation tab located on the far right of the navigation display area can be considered the first navigation tab, and the navigation tab located on the far left of the navigation display area can be considered the last navigation tab. Accordingly, due to the size priority of the navigation display area, some navigation tabs may need to be hidden and cannot be displayed in the navigation display area.

As shown in the example interface 200A in Figure 2A, the terminal device 110 displays a "Recommended" navigation label 214, a "Shop" navigation label 212, and so on in the navigation display area 210 (also known as the top navigation display area). In some examples, the "Shop" navigation label 212 is used to navigate to the shop page for the user 140 to make purchases. After detecting that the application 120 has been launched, the terminal device 110 can set the "Recommended" navigation label 214 associated with the target interface element 211 to a selected state in order to present the page corresponding to the "Recommended" navigation label 214 to the user.

If terminal device 110 detects that user 140 clicks on the "Shop" navigation tab 212, it receives a navigation switching instruction from user 140 indicating a right-to-left switch from the "Recommended" navigation tab 214 to the "Shop" navigation tab 212. Subsequently, based on the user 140's navigation switching instruction to the "Shop" navigation tab 212, terminal device 110 determines whether at least one navigation tab in the navigation tab set is not displayed in the navigation display area in the right-to-left direction. The processing method for navigation tabs by terminal device 110 will be described further below.

In some embodiments, if the terminal device 110 determines that at least one navigation label in a predetermined sorting direction is not displayed in the navigation display area, it moves a second navigation label to a predetermined position associated with the target interface element in the navigation display area to replace the first navigation label, while maintaining the target interface element displayed in a predetermined position. Accordingly, the terminal device 110 at least partially hides the first navigation label in the navigation display area.

As shown in the example interfaces 200A and 200B of Figures 2A and 2B, assuming the target interface element 211 is located on the far right, i.e., on the page corresponding to the currently rightmost "Recommended" navigation label 214, if the terminal device 110 detects that the user 140 clicks on the "Shop" navigation label 212 located in the second position, and determines that there is at least one unpresented navigation label (e.g., navigation label 213) in the right-to-left direction, then it moves the "Shop" navigation label 212 to the rightmost position where the target interface element 211 is located. That is, it sets the "Shop" navigation label 212 to a selected state. At this time, at least part of the information of the "Recommended" navigation label 214 is hidden.

As shown in the example interfaces 300A and 300B of Figures 3A and 3B, assuming the target interface element 311 is on the far right, i.e., on the page corresponding to the currently rightmost "Recommended" navigation tab 314, if the terminal device 110 detects that the user 140 swipes to the right to switch to the "Shop" navigation tab 322, and determines that there is at least one unpresented navigation tab (e.g., navigation tab 312) in the right-to-left direction, then it moves the "Shop" navigation tab 322 to the rightmost position where the target interface element 311 is located. That is, it sets the "Shop" navigation tab 322 to a selected state. At this time, at least part of the information of the "Recommended" navigation tab 314 is hidden.

In some embodiments, if the terminal device 110 determines that one or more navigation labels are presented in the navigation display area between the first navigation label and the second navigation label, it at least partially hides the presented first navigation label and one or more navigation labels. In some examples, if the user selects the third or subsequent navigation label from the left, that is, if there are more navigation labels between the first navigation label and the second navigation label to which the user is currently switching, then the first navigation label and the other navigation labels between the first and second navigation labels will be hidden.

As shown in example interfaces 200A and 200C in Figures 2A and 2C, assuming the target interface element 211 is located on the far right, i.e., on the page corresponding to the currently rightmost "Recommended" navigation label 214. If the terminal device 110 detects that the user 140 clicks the "Follow" navigation label 224 located in the third position, and determines that there is at least one unpresented navigation label in the right-to-left direction, then it moves the "Follow" navigation label 224 to the far right position where the target interface element 211 is located. That is, it sets the "Shop" navigation label 212 to the selected state. At this time, the terminal device 110 can hide at least part of the information of the "Recommended" navigation label 214 and the "Shop" navigation label 212 located in the second position.

Next, as shown in example interfaces 300B to 300C (Figures 3B to 3C), assuming the target interface element 311 is on the far right, i.e., on the page corresponding to the currently rightmost "Shop" navigation label 322, if the terminal device 110 detects that the user 140 continues to swipe right to switch to the "Follow" navigation label 331, and determines that there is at least one unpresented navigation label (e.g., navigation label 312) in the right-to-left direction, it moves the "Follow" navigation label 331 to the rightmost position where the target interface element 311 is located. That is, the "Follow" navigation label 331 is set to be selected. At this time, at least some information of the "Recommended" navigation label 314 and the "Shop" navigation label 322 is hidden.

In some embodiments, after at least a first navigation label is hidden, the terminal device 110 presents predetermined interface elements in the navigation display area. As shown in the example interface 200B of FIG2B, after at least part of the information in the "Recommended" navigation label 214 is hidden, the terminal device 110 may present predetermined interface elements (e.g., a return arrow) 221 in the navigation display area 210. Similarly, as shown in the example interface 300B of FIG3B, after at least part of the information in the "Recommended" navigation label 314 is hidden, the terminal device 110 may present predetermined interface elements (e.g., a return arrow) 321 in the navigation display area 310.

In some embodiments, if the terminal device 110 detects a trigger on a predetermined interface element, it presents the target interface element at a predetermined position and switches the navigation label that is first in the navigation label set according to a predetermined sorting direction in the navigation display area to the predetermined position associated with the target interface element. In some examples, if the terminal device 110 detects a trigger on the back arrow (e.g., a click), the navigation display area returns to its initial state, where the navigation label that is first in the sorting is selected and the selection bar is at the predetermined position on the far right.

As shown in the example interfaces 200B to 200A in Figures 2B to 2A, if the terminal device 110 detects that the user 140 clicks on the predetermined interface element 221, it will move the navigation label that is ranked first (i.e., the "Recommended" navigation label 214) to the rightmost position of the target interface element 211. That is, the "Recommended" navigation label 214 will be set to the selected state. As shown in the example interfaces 200C and 200A in Figures 2C and 2A, if the terminal device 110 detects that the user 140 clicks on the predetermined interface element 221 based on the interface corresponding to the "Follow" navigation label 224 which is in the third position after being switched, it can move the navigation label that is ranked first (i.e., the "Recommended" navigation label 214) to the rightmost position of the target interface element 211. That is, the "Recommended" navigation label 214 will be set to the selected state.

As shown in the example interfaces 300B to 300A (Figures 3B to 3A), if the terminal device 110 detects that the user 140 clicks on the predetermined interface element 321, it will move the navigation tab that is at the top (i.e., the "Recommended" navigation tab 314) to the rightmost position where the target interface element 311 is located. That is, the "Recommended" navigation tab 314 is set to be selected. Correspondingly, the user 140 can also swipe left to return to the "Recommended" navigation tab 314 at the top.

As shown in the example interfaces 300C and 300A (Figures 3C and 3A), if terminal device 110 detects that user 140 clicks on predetermined interface element 321 based on the interface corresponding to the "Focus" navigation tab 224 located in the third position after switching, it can move the navigation tab that is ranked first (i.e., the "Recommended" navigation tab 314) to the rightmost position of the target interface element 311. That is, the "Recommended" navigation tab 314 is set to be selected. In some examples, user 140 can also continuously swipe left to return to the first "Recommended" navigation tab 314.

In some embodiments, if the terminal device 110 determines that at least one navigation label in a predetermined sorting direction is not presented in the navigation display area, it presents one or more navigation labels that are not presented in the predetermined sorting direction in the navigation display area. It is understood that if, after switching navigation labels, the terminal device 110 determines that at least one navigation label in the right-to-left direction is not presented in the navigation display area, it will display one or more obscured navigation labels located on the left rearward position.

As shown in Figures 2A and 2B, after switching from the "Recommended" navigation tab 214 to the "Shopping Mall" navigation tab 212, if it is determined that at least one navigation tab (e.g., navigation tab 213) in the right-to-left direction is not displayed in the navigation display area, then navigation tab 213 is displayed in the navigation display area shown in the example interface 200B. As shown in Figures 3A and 3B, after switching from the "Recommended" navigation tab 314 to the "Shopping Mall" navigation tab 322, if it is determined that at least one navigation tab (e.g., navigation tab 312) in the right-to-left direction is not displayed in the navigation display area, then the "Local" navigation tab 312 is displayed in the navigation display area shown in the example interface 300B.

As shown in Figures 2A and 2C, after the terminal device 110 switches from the "Recommended" navigation tab 214 to the "Follow" navigation tab 224 located in the third position, if it determines that at least one navigation tab (e.g., navigation tab 213, navigation tab 223) in the right-to-left direction is not presented in the navigation display area, then the "Local" navigation tab 213 and the "Featured" navigation tab 223 will be presented in the navigation display area shown in the example interface 200C.

In some embodiments, if the terminal device 110 determines that the second navigation label is presented in the navigation display area and there are no navigation labels not displayed in the navigation display area in the predetermined sorting direction, it moves the target interface element to the presentation position of the second navigation label. In some examples, if the last sorted navigation label (as shown in Figure 2D, the "hotspot" navigation label 231 located at the last position) is currently already displayed in the navigation display area, i.e., there are no navigation labels not displayed, the position of the target interface element (i.e., the selection bar) will be moved to the position of the currently switched second navigation label.

As shown in the example interfaces 200D to 200E (Figures 2D to 2E), assuming the current target interface element 211 is on the far right, i.e., on the page corresponding to the "Group Buying" navigation label 232 currently on the far right. If the terminal device 110 detects that the user 140 clicks the "Same City" navigation label 242, and determines that there are no unpresented navigation labels in the right-to-left direction, then it moves the target interface element 211 from the position corresponding to the "Group Buying" navigation label 232 to the position of the "Same City" navigation label 242 as shown in Figure 200E. That is, it sets the "Same City" navigation label 242 to the selected state. At this time, the terminal device 110 can hide at least part of the information of the "Recommended" navigation label 214 on the right, the "Mall" navigation label 212 in the second position, and other navigation labels.

As shown in the example interfaces 300D to 300E (Figures 3D to 3E), assuming the current target interface element 311 is on the far right, i.e., on the page corresponding to the "Group Buying" navigation label 341 currently on the far right. If the terminal device 110 detects that the user 140 swipes to the right to switch to the "Same City" navigation label 351, and determines that there are no undisplayed navigation labels from right to left, then the terminal device 110 moves the target interface element 311 from the position corresponding to the "Group Buying" navigation label 341 to the position of the "Same City" navigation label 351 as shown in Figure 300E. That is, the "Same City" navigation label 351 is set to be selected. At this time, the terminal device 110 can hide at least part of the information of the navigation labels such as the "Recommended" navigation label 314 on the right and the "Mall" navigation label 322 in the second position.

In summary, regarding the scenario where users switch navigation tabs by clicking on them, if the user switches by clicking on other navigation tabs, the currently selected navigation tab and other higher-ranking navigation tabs (if any) will be hidden or partially hidden. In this case, the selected navigation tab can be displayed on the far right of the navigation display area, and more space can be used to display lower-ranking navigation tabs. Correspondingly, a quick back arrow can be provided to allow users to easily return to the first navigation tab in the sequence.

If any other selected navigation tab is a subsequent navigation tab in the navigation display area, and the last navigation tab can be fully displayed in the navigation display area, then the position of the other selected navigation tab remains unchanged, and the selection bar is displayed following the position of the other selected navigation tab. At this time, the user can still return to the first navigation tab by clicking the quick back arrow. If the user needs to view an obscured navigation tab, they can first return to the first navigation tab and then click to enter the obscured navigation tab.

Furthermore, regarding the scenario where users switch between interfaces by swiping the navigation tabs, if it is detected that the user performs a rightward swipe on the page corresponding to the currently selected first navigation tab, the system switches from the first navigation tab to the second navigation tab, which is listed after the first. At this time, the first navigation tab is moved to the right and obscured, and a quick back arrow can be displayed. The switched second navigation tab will replace the first navigation tab and be displayed on the far right.

If the user swipes right repeatedly, the navigation tabs will sequentially navigate to the rightmost tab, with the selected tab always positioned on the far right. Once the last navigation tab in the navigation display area has been fully displayed, if the user continues to swipe right on the current page, the navigation tab will no longer shift to the right. At this point, the selection bar will be moved to the position corresponding to the selected navigation tab. Conversely, swiping left on the current page produces the opposite effect. If it is determined that the last navigation tab has not been fully displayed, the selected navigation tab will be repositioned to the far right of the navigation display area. When switching to the rightmost navigation tab, the back arrow will disappear, and the first navigation tab will be fully displayed.

Therefore, when users switch navigation tabs by clicking or swiping the corresponding media content area, hiding the front navigation tab first can reduce its display. By placing the selected navigation tab on the far right (and/or far left), the display area of the back navigation tabs can be increased, making it easier for users to click and access them.

In summary, according to the various embodiments of this disclosure, navigation tabs that are listed later in the order can be displayed in the navigation display area. Considering the size priority of the navigation display area, the navigation tabs that are listed earlier can be hidden. Generally, users may pay more attention to navigation tabs that are listed later and have not been displayed. Therefore, such a navigation switching mechanism allows users to more easily switch navigation tabs and view corresponding page content, thereby helping to improve page browsing efficiency and user experience.

Figure 4 shows a flowchart of a process 400 for page interaction according to some embodiments of the present disclosure. Process 400 can be implemented at terminal device 110. Process 400 is described below with reference to Figure 1.

In frame 410, terminal device 110 presents a target interface element associated with a first navigation label at a predetermined position in the navigation display area, wherein multiple navigation labels from a set of navigation labels are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation label is selected.

In box 420, in response to detecting a navigation switching instruction from a first navigation label to a second navigation label, and in response to at least one navigation label in the navigation label set not being displayed in the navigation display area in a predetermined sorting direction, the terminal device 110 moves the second navigation label to a predetermined position associated with the target interface element in the navigation display area to replace the first navigation label, while maintaining the target interface element displayed in a predetermined position, and at least partially hides the first navigation label in the navigation display area.

In some embodiments, process 400 further includes: in response to at least one navigation label in a predetermined sorting direction not being presented in the navigation display area, presenting one or more navigation labels not presented in the predetermined sorting direction in the navigation display area.

In some embodiments, at least partially hiding the first navigation label in the navigation display area includes: in response to one or more navigation labels being presented in the navigation display area between the first navigation label and the second navigation label, at least partially hiding the presented first navigation label and one or more navigation labels.

In some embodiments, process 400 further includes: in response to the second navigation label being presented in the navigation display area and there being no navigation label not presented in the navigation display area in the predetermined sorting direction, moving the target interface element to the presentation position of the second navigation label.

In some embodiments, the navigation switching indication is based on a click operation, and the second navigation label is the navigation label selected by the click operation.

In some embodiments, the navigation switching indication is based on a swipe operation, and the second navigation label is determined based on the sorted position of the first navigation label in the navigation label set and the swipe direction of the swipe operation.

In some embodiments, the target location is configured at the head or tail position along the movable direction of the navigation display area.

In some embodiments, process 400 further includes: after at least the first navigation label is hidden, presenting a predetermined interface element in a navigation display area; in response to detecting a trigger on the predetermined interface element, presenting a target interface element at a predetermined position, and switching the navigation label that is first in the navigation label set according to a predetermined sorting direction in the navigation display area to a predetermined position associated with the target interface element.

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

As shown in the figure, the device 500 includes an interface element presentation module 510, configured to present a target interface element associated with a first navigation label at a predetermined position in a navigation display area. Multiple navigation labels from a set of navigation labels are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation label is selected. The device 500 also includes a navigation label processing module 520, configured to, in response to detecting a navigation switching indication from the first navigation label to a second navigation label, and in response to at least one navigation label in the set of navigation labels not being presented in a predetermined sorting direction in the navigation display area, while maintaining the target interface element presented at the predetermined position, move the second navigation label to the predetermined position associated with the target interface element in the navigation display area to replace the first navigation label, and at least partially hide the first navigation label in the navigation display area.

In some embodiments, the device 500 further includes a navigation label presentation module configured to present one or more navigation labels that are not presented in the predetermined sorting direction in the navigation display area in response to at least one navigation label in the predetermined sorting direction not being presented in the navigation display area.

In some embodiments, the navigation label processing module 520 is further configured to, in response to one or more navigation labels being presented in the navigation display area between the first navigation label and the second navigation label, at least partially hide the presented first navigation label and one or more navigation labels.

In some embodiments, the device 500 further includes a target interface element moving module, configured to move the target interface element to the presentation position of the second navigation label in response to the second navigation label being presented in the navigation display area and there being no navigation label not displayed in the navigation display area in a predetermined sorting direction.

In some embodiments, the navigation switching indication is based on a click operation, and the second navigation label is the navigation label selected by the click operation.

In some embodiments, the navigation switching indication is based on a swipe operation, and the second navigation label is determined based on the sorted position of the first navigation label in the navigation label set and the swipe direction of the swipe operation.

In some embodiments, the predetermined position is configured at the head or tail position along the movable direction of the navigation display area.

In some embodiments, the navigation label processing module 520 is further configured to present a predetermined interface element in the navigation display area after at least a first navigation label is hidden; in response to detecting a trigger on the predetermined interface element, to present a target interface element at a predetermined position, and to switch the navigation label that is sorted first in the navigation label set according to a predetermined sorting direction to a predetermined position associated with the target interface element in the navigation display area.

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

As shown in Figure 6, the electronic device 600 is in the form of a general-purpose electronic device. Components of the electronic device 600 may include, but are not limited to, one or more processing units or processors 610, memory 620, storage devices 630, one or more communication units 640, one or more input devices 650, and one or more output devices 660. The processor 610 may be a physical or virtual processor and is capable of performing various processes according to programs stored in the memory 620. In a multiprocessor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 600.

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

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

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

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

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

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

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

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

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

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

Claims (12)

A method for page interaction, comprising: At a predetermined location within the navigation display area, a target interface element is presented in association with a first navigation label, wherein multiple navigation labels from a set of navigation labels are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation label is selected; and In response to detecting a navigation switching indication from the first navigation label to the second navigation label, and in response to at least one navigation label in the navigation label set not being displayed in the navigation display area in a predetermined sorting direction, While maintaining the target interface element in the predetermined position, the second navigation label is moved to the predetermined position associated with the target interface element in the navigation display area to replace the first navigation label. The first navigation label is at least partially hidden in the navigation display area. The method according to claim 1 further includes: In response to at least one navigation label in the predetermined sorting direction not being displayed in the navigation display area, One or more navigation labels that are not displayed in the predetermined sorting direction are presented in the navigation display area. The method according to claim 1, wherein at least partially hiding the first navigation label in the navigation display area comprises: In response to the presence of one or more navigation labels in the navigation display area between the first navigation label and the second navigation label, the first navigation label and the one or more navigation labels that are presented are at least partially hidden. The method according to claim 1 further includes: In response to the second navigation label being displayed in the navigation display area and there being no navigation label not displayed in the navigation display area in the predetermined sorting direction, Move the target interface element to the presentation position of the second navigation label. According to the method of claim 1, wherein the navigation switching indication is based on a click operation, and the second navigation label is the navigation label selected by the click operation. According to the method of claim 1, the navigation switching indication is based on a swipe operation, and the second navigation label is determined based on the sorting position of the first navigation label in the navigation label set and the swipe direction of the swipe operation. According to the method of claim 1, the predetermined position is configured at a head position or a tail position along the movable direction of the navigation display area. The method according to claim 1 further includes: After at least the first navigation label is hidden, predetermined interface elements are presented in the navigation display area; In response to the detection of a trigger on a predefined UI element, The target interface element is presented at the predetermined location, and In the navigation display area, the navigation label that is first in the navigation label set according to the predetermined sorting direction is switched to the predetermined position associated with the target interface element. A device for page interaction, comprising: An interface element presentation module is configured to present a target interface element associated with a first navigation label at a predetermined position in a navigation display area, wherein multiple navigation labels from a set of navigation labels are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation label is selected; and The navigation label processing module is configured to respond to detecting a navigation switching indication from the first navigation label to the second navigation label, and to responding to at least one navigation label in the navigation label set not being displayed in the navigation display area in a predetermined sorting direction. While maintaining the target interface element in the predetermined position, the second navigation label is moved to the predetermined position associated with the target interface element in the navigation display area to replace the first navigation label. The first navigation label is at least partially hidden in the navigation display area. An electronic device, comprising: At least one processor; and At least one memory coupled to the at least one processor and storing instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 8 when executed by the at least one processor. A computer-readable storage medium having stored thereon computer-executable instructions that can be executed by a processor to implement the method according to any one of claims 1 to 8. A computer program product, tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1 to 8.