Method and device for page interaction, equipment, medium and product

Abstract

The embodiment of the invention provides a page interaction method and device, equipment, a medium and a product. The method comprises the steps that a target interface element is presented in a preset position of a navigation display area in a manner of being associated with a first navigation tag, a plurality of navigation tags in a navigation tag set are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation tag is in a selected state; in response to detection of a navigation switching instruction from the first navigation tag to the second navigation tag and in response to the fact that at least one navigation tag in the navigation tag set in the preset sorting direction is not presented in the navigation display area, the target interface element is displayed in the preset position under the condition that the target interface element is maintained to be presented in the preset position; and moving the second navigation tag to a preset position associated with the target interface element in the navigation display area to replace the first navigation tag, and at least partially hiding the first navigation tag in the navigation display area. Therefore, the user can conveniently switch the navigation tag.

Description

Technical Field

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

[0002] 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.

[0003] In order to integrate more functions and provide more content in the application, the application is usually associated with multiple pages to provide different content. In the case of multiple pages, the application can provide a navigation display area to jump between pages based on the navigation tags in the navigation display area. The navigation display area can be located at the top, bottom or side area of ​​the page to present the navigation tags. The navigation display area plays the role of linking the various pages within the site or application. Summary of the invention

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

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

[0006] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory, the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. When the instructions are executed by the at least one processing unit, the device executes the method of the first aspect.

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

[0008] In a fifth aspect of the present disclosure, a computer program product is provided. The computer program product is tangibly stored in a computer storage medium and comprises computer executable instructions, which, when executed by a device, cause the device to perform the method of the first aspect.

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

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

[0011] Figure 1 A schematic diagram showing an example environment in which embodiments of the present disclosure can be implemented;

[0012] FIG. 2A to FIG. 2EA schematic diagram showing an example interface for page interaction according to some embodiments of the present disclosure;

[0013] FIG. 3A to FIG. 3E A schematic diagram showing an example interface for page interaction according to other embodiments of the present disclosure;

[0014] Figure 4 A flowchart of a process for page interaction according to some embodiments of the present disclosure is shown;

[0015] Figure 5 A schematic structural block diagram of an apparatus for page interaction according to some embodiments of the present disclosure is shown; and

[0016] Figure 6 A block diagram of an electronic device is shown in which one or more embodiments of the present disclosure may be implemented. DETAILED DESCRIPTION

[0017] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments set forth herein. On the contrary, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0018] In the description of the embodiments of the present disclosure, the term "including" and similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". Other explicit and implicit definitions may also be included below.

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

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

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

[0022] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information, so that the user can independently choose whether to provide personal information to software or hardware such as electronic devices, applications, servers or storage media that execute operations of the technical solution of the present disclosure based on the prompt message.

[0023] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information is sent to the user in a manner such as a pop-up window, in which the prompt information can be presented in text form. In addition, the pop-up window can also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

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

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

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

[0027] In some embodiments, the terminal device 110 communicates with the server 130 to provide the service of the application 120. The 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 systems (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio broadcast receivers, e-book devices, gaming devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 110 can also support any type of interface for the user (such as "wearable" circuits, etc.). The server 130 can be various types of computing systems / servers that can provide computing power, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, and the like.

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

[0029] Typically, multiple types of content can be provided in an application, and different pages can be used to present these contents. For example, a navigation tag associated with a page can be provided so that a user can jump to the page to be viewed by selecting the navigation tag. Typically, a navigation tag can be integrated into the navigation display area of ​​the application. There can be multiple navigation tags in the navigation display area to achieve page switching. In addition, the navigation display area can be presented in a suspended manner on the page of the application to avoid the page content affecting the use of the navigation display area.

[0030] Generally, if a navigation tag is in a selected state, the selected navigation tag is indicated by displaying a selected bar or the like. Currently, the selected bar used to indicate the selected state is presented in the center of the navigation display area in most cases. Accordingly, if the user switches the navigation tag left or right, the leftmost or rightmost navigation tag in the navigation display area will be hidden. For example, if the terminal device detects that the user switches the navigation tag left or right, it determines the relationship between the position of the target navigation tag to be switched by the user and the navigation tag in the middle position in the navigation display area. If the position of the target navigation tag is to the left of the navigation tag in the middle position, all navigation tags in the navigation display area will move to the right, and the rightmost navigation tag will be hidden, instead of hiding the previously selected navigation tag. However, according to this method, only when the user switches to the navigation tag in the middle left position of the navigation display area, the logic of fixedly displaying the selected navigation tag in the middle of the navigation display area will be triggered, so that the rear navigation tag is displayed later, and has a greater impact on the display of the navigation tags that are ranked later.

[0031] In view of this, according to an embodiment of the present disclosure, an improved scheme for page interaction is proposed. The scheme includes presenting a target interface element associated with a first navigation tag at a predetermined position in a navigation display area, wherein a plurality of navigation tags in a navigation tag set are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation tag is in a selected state. Then, if a navigation switch indication from the first navigation tag to the second navigation tag is detected, and if at least one navigation tag in the navigation tag set in a predetermined sorting direction is not presented in the navigation display area, the second navigation tag is moved to a predetermined position associated with the target interface element in the navigation display area to replace the first navigation tag while maintaining the presentation of the target interface element at the predetermined position, and the first navigation tag is at least partially hidden in the navigation display area. The second navigation tag is a tag in the navigation tag set that is sorted after the first navigation tag in the predetermined sorting direction.

[0032] Therefore, the present disclosure can reduce the display space of the navigation tags in the leading position, thereby increasing the display space of the navigation tags in the trailing position, thereby helping to improve page browsing efficiency and user experience.

[0033] Some example embodiments of the present disclosure will continue to be described with reference to the accompanying drawings. It should be understood that the pages shown in the accompanying drawings are merely examples, and various page designs may actually exist. The various graphic elements in the page may have different arrangements and different visual representations, one or more of which may be omitted or replaced, and one or more other elements may also exist. The embodiments of the present disclosure are not limited in this respect. In addition, hereinafter, the example embodiments will be described primarily with respect to the terminal device 110. It should be understood that the actions described with respect to the terminal device 110 may be performed by the application 120 on the terminal device 110, or may be performed by the application 120 in collaboration with its service end (e.g., server 130).

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

[0035] For example, when the navigation labels are arranged horizontally, the arrangement order can be determined based on a certain arrangement logic, for example, arranging the navigation labels from left to right or from right to left. FIG. 2A to FIG. 2E and FIG. 3A to FIG. 3E The navigation tags in the middle navigation display area are arranged from right to left in the following order: "Recommended" navigation tag, "Mall" navigation tag, "Follow" navigation tag, ..., "Hotspot" navigation tag, among which the "Recommended" navigation tag is sorted first, and the "Hotspot" navigation tag is sorted at the end. The following description will refer to this sequence for ease of understanding, but this is merely exemplary and the present disclosure does not limit this. It should be understood that the above arrangement order and the arrangement logic based on it are only shown as examples and are not intended to impose any limitations on this. For example, the above arrangement order can also be from right to left, or from top to bottom or from bottom to top in the vertical direction, and so on. In this way, the navigation tags are avoided from being presented in a messy manner.

[0036] In addition, the page may also include multiple navigation display areas, and one or more navigation labels 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 a side navigation display area, such as a left navigation display area and / or a right navigation display area.

[0037] In some embodiments, the terminal device 110 presents the target interface element in association with the first navigation tag at a predetermined position in the navigation display area. In some examples, when the page corresponding to the first navigation tag is active, the terminal device 110 may present the target interface element (also referred to as a selected bar) in association with the first navigation tag at a predetermined position in the navigation display area (e.g., the rightmost side of the top navigation display area). In some embodiments, multiple navigation tags in the navigation tag set are sequentially displayed in the navigation display area.

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

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

[0040] Usually, after detecting that the application 120 is started, the terminal device 110 can set the default navigation tag to a selected state so as to present the page corresponding to the default navigation tag to the user. Usually, the default selected navigation tag is the navigation tag ranked first in the navigation tag set.

[0041] In some embodiments, if a switch from a first navigation tag to a subsequent second navigation tag in a navigation tag set is detected, and at least one navigation tag in the navigation tag set in a predetermined sorting direction is not presented in the navigation display area, the terminal device 110 moves the second navigation tag to a predetermined position associated with the target interface element in the navigation display area to replace the first navigation tag while maintaining the target interface element presented in the predetermined position. The second navigation tag is a tag in the navigation tag set that is sorted after the first navigation tag in the predetermined sorting direction. Accordingly, the terminal device 110 at least partially hides the first navigation tag in the navigation display area. The processing of navigation tags by the terminal device 110 in this case will be described in detail below.

[0042] In some embodiments, at least one navigation tag in the navigation tag set in a predetermined sorting direction is not presented in the navigation display area. For example, the user wants to switch to a rear navigation tag, assuming that the navigation tags are sorted from right to left, and then wants to switch to a rear navigation tag.

[0043] 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 instructions 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 that is 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, the previous navigation tag that is sorted before the currently selected navigation tag will be determined according to the predetermined sorting direction.

[0044] In some embodiments, the navigation switch indication may be based on a user's click operation, and the second navigation label is the navigation label selected by the click operation. In some examples, if the user chooses to click to switch, the user can choose to switch to any navigation label. Accordingly, the second navigation label may be any navigation label selected by the user. FIG. 2A to FIG. 2D Description The user clicks the second navigation tab to switch to the second navigation tab.

[0045] In some embodiments, the navigation switch indication may also be based on a user's sliding operation, and the second navigation label is determined based on the sort position of the first navigation label in the navigation label set and the sliding direction of the sliding operation. In some examples, if it is a sequential switch, for example, the user selects to slide left or right or clicks sequentially, the second navigation label may be the next navigation label from left to right. FIG. 3A to FIG. 3E Describes how users switch navigation labels based on sliding operations.

[0046] The following is for easy understanding. FIG. 2A to FIG. 2E and FIG. 3A to FIG. 3E The present disclosure describes a solution for page interaction. FIG. 2A to FIG. 2E Schematic diagrams of example interfaces 200A to 200E for page interaction according to some embodiments of the present disclosure are shown. FIG. 3A to FIG. 3E Schematic diagrams of example interfaces 300A to 300E for page interaction according to some embodiments of the present disclosure are shown. FIG. 2A to FIG. 2E and FIG. 3A to FIG. 3E The example interfaces 200A to 200E and 300A to 300E shown may be any page of the application 120. Although the embodiments described may be implemented in Figure 1The operations may be performed at the terminal device 110, particularly at the application client of the terminal device 110, but in other embodiments, the terminal device 110 may perform these operations with the assistance of the server 130.

[0047] In an embodiment of the present disclosure, the terminal device 110 may present a plurality of navigation tags in a navigation display area in page 150. As described above, a plurality of navigation tags may be arranged and presented in a certain order. For the convenience of description, the arrangement order used here and in the following text is illustrated as being arranged horizontally from right to left. That is, the navigation tag located on the far right of the navigation display area may be considered as the front navigation tag, and the navigation tag located on the far left of the navigation display area may be considered as the back navigation tag. Accordingly, due to the priority of the size of the navigation display area, some navigation tags may need to be hidden and cannot be displayed in the navigation display area.

[0048] like Figure 2A In the example interface 200A shown, the terminal device 110 presents a "recommended" navigation tag 214, a "mall" navigation tag 212, etc. in the navigation display area 210 (also referred to as the top navigation display area). In some examples, the "mall" navigation tag 212 is used to navigate to the page of the mall for the user 140 to purchase. After detecting that the application 120 is started, the terminal device 110 can set the "recommended" navigation tag 214 associated with the target interface element 211 to a selected state so as to present the page corresponding to the "recommended" navigation tag 214 to the user.

[0049] If the terminal device 110 detects that the user 140 clicks the "mall" navigation tag 212, the terminal device 110 receives a navigation switch instruction from the user 140 that the user 140 wants to switch from the "recommendation" navigation tag 214 to the "mall" navigation tag 212 in a right-to-left direction. Subsequently, based on the navigation switch instruction from the user 140 to switch to the "mall" navigation tag 212, the terminal device 110 determines whether at least one navigation tag in the navigation tag set in a right-to-left direction is not presented in the navigation display area. The following will continue to describe the processing method of the terminal device 110 for the navigation tag.

[0050] In some embodiments, if the terminal device 110 determines that at least one navigation label in the predetermined sorting direction is not presented in the navigation display area, 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 while maintaining the target interface element presented in the predetermined position. Accordingly, the terminal device 110 at least partially hides the first navigation label in the navigation display area.

[0051] like Figures 2A to 2BThe example interfaces 200A to 200B shown assume that the target interface element 211 is on the far right, that is, in the case of the page corresponding to the "Recommendation" navigation tag 214 currently on the far right. If the terminal device 110 detects that the user 140 clicks on the "Mall" navigation tag 212 located in the second position, and determines that there is at least one navigation tag (for example, navigation tag 213) that is not presented in the direction from right to left, then the "Mall" navigation tag 212 is moved to the rightmost position where the target interface element 211 is located. That is, the "Mall" navigation tag 212 is set to be in a selected state. At this time, at least part of the information of the "Recommendation" navigation tag 214 is hidden.

[0052] like Figures 3A to 3B The example interfaces 300A to 300B shown assume that the target interface element 311 is on the far right, that is, in the case of the page corresponding to the "Recommendation" navigation tag 314 currently on the far right. If the terminal device 110 detects that the user 140 slides to the right to switch to the "Mall" navigation tag 322, and determines that there is at least one navigation tag (for example, navigation tag 312) that is not presented in the direction from right to left, then the "Mall" navigation tag 322 is moved to the rightmost position where the target interface element 311 is located. That is, the "Mall" navigation tag 322 is set to be in a selected state. At this time, at least part of the information of the "Recommendation" navigation tag 314 is hidden.

[0053] In some embodiments, if the terminal device 110 determines that there are one or more navigation tags presented in the navigation display area between the first navigation tag and the second navigation tag, the first navigation tag and the one or more navigation tags presented are at least partially hidden. In some examples, if the user selects the third or later navigation tag on the left, that is, if there are more navigation tags between the first navigation tag and the second navigation tag to be switched to, then the first navigation tag and other navigation tags between the first navigation tag and the second navigation tag will be hidden.

[0054] like Figure 2A and 2CThe example interfaces 200A and 200C shown assume that the target interface element 211 is at the far right, that is, in the case of the page corresponding to the "Recommendation" navigation tag 214 currently at the far right. If the terminal device 110 detects that the user 140 clicks on the "Follow" navigation tag 224 located at the third position, and determines that there is at least one navigation tag that is not presented in the direction from right to left, the "Follow" navigation tag 224 is moved to the rightmost position where the target interface element 211 is located. That is, the "Mall" navigation tag 212 is set to be in a selected state. At this time, the terminal device 110 can hide at least part of the information of the "Recommendation" navigation tag 214 and the "Mall" navigation tag 212 located at the second position.

[0055] Then, if Figures 3B to 3C The example interfaces 300B to 300C shown assume that the target interface element 311 is on the far right, that is, in the case of the page corresponding to the "Mall" navigation tag 322 that is currently on the far right. If the terminal device 110 detects that the user 140 continues to slide to the right to switch to the "Follow" navigation tag 331, and determines that there is at least one navigation tag (for example, navigation tag 312) that is not presented in the direction from right to left, the "Follow" navigation tag 331 is moved to the rightmost position where the target interface element 311 is located. That is, the "Follow" navigation tag 331 is set to be in a selected state. At this time, at least part of the information of the "Recommendation" navigation tag 314 and the "Mall" navigation tag 322 is hidden.

[0056] In some embodiments, the terminal device 110 presents a predetermined interface element in the navigation display area after at least the first navigation tag is hidden. Figure 2B In the example interface 200B shown, after at least part of the information in the "Recommendation" navigation label 214 is hidden, the terminal device 110 may present a predetermined interface element (eg, a return arrow) 221 in the navigation display area 210. Figure 3B In the example interface 300B shown, after at least part of the information of the “Recommendation” navigation label 314 is hidden, the terminal device 110 can present a predetermined interface element (eg, a return arrow) 321 in the navigation display area 310 .

[0057] In some embodiments, if the terminal device 110 detects a trigger on a predetermined interface element, the target interface element is presented at a predetermined position, and the navigation tag that is sorted first in the navigation tag set according to the predetermined sorting direction is switched to the predetermined position associated with the target interface element in the navigation display area. In some examples, if the terminal device 110 detects a trigger on the return arrow (e.g., click), the navigation display area is restored to the initial state, in which the navigation tag sorted first is in a selected state, and the selection bar is at the rightmost predetermined position.

[0058] like Figure 2B to 2A In the example interfaces 200B to 200A shown, if the terminal device 110 detects that the user 140 clicks on the predetermined interface element 221, the navigation tag ranked first (i.e., the "Recommendation" navigation tag 214) is moved to the rightmost position where the target interface element 211 is located. That is, the "Recommendation" navigation tag 214 is set to be in a selected state. Figure 2C and 2A In the example interfaces 200C and 200A shown, 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 tag 224 located in the third position after switching, the navigation tag ranked first (i.e., the "Recommendation" navigation tag 214) can be moved to the rightmost position where the target interface element 211 is located. That is, the "Recommendation" navigation tag 214 is set to be in a selected state.

[0059] Another example Figure 3B to 3A In the example interfaces 300B to 300A shown, if the terminal device 110 detects that the user 140 clicks on the predetermined interface element 321, the navigation tag (i.e., the "Recommendation" navigation tag 314) that is ranked first is moved to the rightmost position where the target interface element 311 is located. That is, the "Recommendation" navigation tag 314 is set to be in a selected state. Accordingly, the user 140 can also swipe left to return to the "Recommendation" navigation tag 314 that is ranked first.

[0060] like Figure 3C and 3A In the example interfaces 300C and 300A shown, if the terminal device 110 detects that the user 140 clicks on the predetermined interface element 321 based on the interface corresponding to the "Follow" navigation tag 224 located in the third position after switching, the navigation tag ranked first (i.e., the "Recommendation" navigation tag 314) can be moved to the rightmost position where the target interface element 311 is located. That is, the "Recommendation" navigation tag 314 is set to be in a selected state. In some examples, the user 140 can also slide to the left continuously to return to the "Recommendation" navigation tag 314 located in the first position.

[0061] In some embodiments, if the terminal device 110 determines that at least one navigation tag in a predetermined sorting direction is not presented in the navigation display area, then one or more navigation tags that are not presented in the predetermined sorting direction are presented in the navigation display area. It is understandable that after switching the navigation tags, if the terminal device 110 determines that at least one navigation tag in the direction from right to left is not presented in the navigation display area, then one or more navigation tags that are blocked and located at the left rear are presented.

[0062] like Figures 2A to 2B After the terminal device 110 switches from the "Recommendation" navigation tag 214 to the "Mall" navigation tag 212, if it is determined that at least one navigation tag (for example, navigation tag 213) in the right-to-left direction is not presented in the navigation display area, the navigation tag 213 is presented in the navigation display area as shown in the example interface 200B. Figures 3A to 3B After the terminal device 110 switches from the "Recommendation" navigation tag 314 to the "Mall" navigation tag 322, if it is determined that at least one navigation tag in the right-to-left direction (for example, the navigation tag 312) is not presented in the navigation display area, the "Same City" navigation tag 312 is presented in the navigation display area as shown in the example interface 300B.

[0063] like Figure 2A and 2C After the terminal device 110 switches from the "Recommended" navigation tag 214 to the "Follow" navigation tag 224 located in the third position, if it is determined that at least one navigation tag in the right-to-left direction (for example, navigation tag 213, navigation tag 223) is not presented in the navigation display area, the "Same City" navigation tag 213 and the "Featured" navigation tag 223 are presented in the navigation display area as shown in the example interface 200C.

[0064] In some embodiments, if the terminal device 110 determines that the second navigation tag is presented in the navigation display area and there is no navigation tag not presented in the navigation display area in the predetermined sorting direction, the target interface element is moved to the presentation position of the second navigation tag. Figure 2D As shown, the "hotspot" navigation tag 231 located at the last position is currently displayed in the navigation display area, that is, there are no navigation tags that are not displayed, then the position of the target interface element (i.e., the selected bar) will move to the position of the second navigation tag that is currently switched to.

[0065] like Figures 2D to 2EThe example interfaces 200D to 200E shown assume that the current target interface element 211 is on the far right, that is, in the case of the page corresponding to the "Group Purchase" navigation tag 232 currently on the far right. If the terminal device 110 detects that the user 140 clicks on the "Same City" navigation tag 242, and determines that there are no unpresented navigation tags in the direction from right to left, the target interface element 211 is moved from the position corresponding to the "Group Purchase" navigation tag 232 to the position of the "Same City" navigation tag 242 as shown in Figure 200E. That is, the "Same City" navigation tag 242 is set to be in a selected state. At this time, the terminal device 110 can hide at least part of the information of the "Recommendation" navigation tag 214 on the right, the "Mall" navigation tag 212 at the second position, and other navigation tags.

[0066] like Figures 3D to 3E The example interfaces 300D to 300E shown assume that the current target interface element 311 is on the far right, that is, in the case of the page corresponding to the "Group Purchase" navigation tag 341 currently on the far right. If the terminal device 110 detects that the user 140 slides to the right to switch to the "Same City" navigation tag 351, and determines that there are no undisplayed navigation tags in the direction from right to left, the target interface element 311 is moved from the position corresponding to the "Group Purchase" navigation tag 341 to the position of the "Same City" navigation tag 351 as shown in Figure 300E. That is, the "Same City" navigation tag 351 is set to be in a selected state. At this time, the terminal device 110 can hide at least part of the information of the navigation tags such as the "Recommendation" navigation tag 314 on the right, the "Mall" navigation tag 322 in the second position, etc.

[0067] In summary, in the case where the user clicks on a navigation tag to switch, if the user switches by clicking on other navigation tags, the currently selected navigation tag and other navigation tags with a higher ranking (if any) will be hidden or partially hidden. At this time, the selected navigation tag can be displayed at the rightmost position of the navigation display area, and more display space can be used in the navigation display area to display other navigation tags with a lower ranking. Accordingly, the quick return arrow can also be used to facilitate the user to return to the first position of the navigation tag sequence.

[0068] If any of the other selected navigation tags is a subsequent navigation tag in the navigation display area, and the last navigation tag can be fully displayed in the navigation display area, the position of the other selected navigation tags remains unchanged, and the selection bar is displayed following the position of the other selected navigation tags. At this time, the user can still return to the first-ranked navigation tag by clicking the quick return arrow. If the user needs to view the blocked navigation tag, he can first return to the first-ranked navigation tag, and then click to enter a blocked navigation tag.

[0069] Furthermore, in the case where the user switches the interface corresponding to the sliding navigation tag, if it is detected that the user performs a right sliding operation on the page corresponding to the first navigation tag currently selected, the first navigation tag is switched to the second navigation tag sorted after the first navigation tag. At this time, the first navigation tag is moved to the right and blocked, and a quick return arrow can be displayed. The switched second navigation tag will replace the first navigation tag and be displayed on the far right.

[0070] If the user swipes right continuously, the corresponding navigation tags will be switched in turn, but the selected navigation tag will be on the far right. When it is determined that the last navigation tag in the navigation display area has been fully displayed, if the user continues to swipe right on the current page, the navigation tag will no longer move to the right. At this time, the selection bar is switched to the position corresponding to the selected navigation tag. Correspondingly, when the user swipes left on the current page, the effect presented is the opposite. If it is determined that the navigation tag ranked last has not been fully displayed, the position of the selected navigation tag will be re-fixed to the far right of the navigation display area. When switching to the navigation tag on the far right, the return arrow will disappear, and the navigation tag ranked first will be fully displayed.

[0071] Therefore, when the user switches navigation tags by clicking on the navigation tags or sliding the area of ​​the media content corresponding to the navigation tags, the front navigation tags are hidden first, which can reduce the display of the front navigation tags. By setting the position of the selected navigation tag to the far right (and / or far left), the display area of ​​the rear navigation tags can be increased, making it easier for the user to click to enter the rear navigation tags.

[0072] In summary, according to various embodiments of the present disclosure, navigation tags that are ranked lower can be presented in the navigation display area. Considering the priority of the size of the navigation display area, the front navigation tags that are ranked higher can be hidden. Generally speaking, users may pay more attention to navigation tags that are ranked lower and have not been displayed. Therefore, such a navigation switching mechanism can make it easier for users to switch navigation tags and view the corresponding page content. This helps to improve page browsing efficiency and user experience. Example Process

[0073] Figure 4 FIG. 4 is a flowchart of a process 400 for page interaction according to some embodiments of the present disclosure. The process 400 may be implemented at the terminal device 110. Figure 1 Process 400 is described.

[0074] In box 410, the terminal device 110 presents a target interface element in association with a first navigation tag at a predetermined position in a navigation display area, wherein a plurality of navigation tags in a navigation tag set are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation tag is in a selected state.

[0075] In box 420, the terminal device 110, in response to detecting a navigation switch indication from a first navigation tag to a second navigation tag, and in response to at least one navigation tag in the navigation tag set in a predetermined sort direction not being presented in the navigation display area, moves the second navigation tag to a predetermined position associated with the target interface element in the navigation display area to replace the first navigation tag while maintaining the target interface element presented in the predetermined position, and at least partially hides the first navigation tag in the navigation display area.

[0076] In some embodiments, process 400 further includes: in response to at least one navigation tab in the predetermined sort direction not being presented in the navigation display area, presenting one or more navigation tabs that are not presented in the predetermined sort direction in the navigation display area.

[0077] In some embodiments, at least partially hiding the first navigation tab in the navigation display area includes: in response to one or more navigation tabs being presented in the navigation display area between the first navigation tab and the second navigation tab, at least partially hiding the presented first navigation tab and the one or more navigation tabs.

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

[0079] In some embodiments, the navigation switching indication is based on a click operation, and the second navigation tab is a navigation tab selected by the click operation.

[0080] In some embodiments, the navigation switch indication is based on a sliding operation, and wherein the second navigation tab is determined based on a sorting position of the first navigation tab in the set of navigation tabs and a sliding direction of the sliding operation.

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

[0082] In some embodiments, process 400 also includes: after at least the first navigation tag is hidden, presenting a predetermined interface element in the navigation display area; in response to detecting a trigger of the predetermined interface element, presenting a target interface element at a predetermined position, and switching the navigation tag sorted first in the navigation tag set in a predetermined sorting direction to a predetermined position associated with the target interface element in the navigation display area. Example devices and equipment

[0083] Figure 5 A schematic structural block diagram of an apparatus 500 for page interaction according to some embodiments of the present disclosure is shown. The apparatus 500 may be implemented as or included in a terminal device 110. Each module / component in the apparatus 500 may be implemented by hardware, software, firmware, or any combination thereof.

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

[0085] In some embodiments, the device 500 also includes a navigation tag presentation module configured to present one or more navigation tags not presented in the predetermined sorting direction in the navigation display area in response to at least one navigation tag in the predetermined sorting direction not being presented in the navigation display area.

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

[0087] In some embodiments, device 500 also includes a target interface element moving module, which is configured to move the target interface element to the presentation position of the second navigation tag in response to the second navigation tag being presented in the navigation display area and there are no navigation tags not displayed in the navigation display area in a predetermined sorting direction.

[0088] In some embodiments, the navigation switching indication is based on a click operation, and the second navigation tab is a navigation tab selected by the click operation.

[0089] In some embodiments, the navigation switch indication is based on a sliding operation, and wherein the second navigation tab is determined based on a sorting position of the first navigation tab in the set of navigation tabs and a sliding direction of the sliding operation.

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

[0091] In some embodiments, the navigation tag processing module 520 is also configured to present a predetermined interface element in the navigation display area after at least the first navigation tag is hidden; in response to detecting a trigger of the predetermined interface element, present the target interface element at a predetermined position, and switch the navigation tag sorted first in the navigation tag set in a predetermined sorting direction to a predetermined position associated with the target interface element in the navigation display area.

[0092] Figure 6 1 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 Figure 6 The electronic device 600 shown is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. Figure 6 The electronic device 600 shown can be used to implement Figure 1 terminal device 110.

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

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

[0095] The electronic device 600 may further include additional removable / non-removable, volatile / non-volatile storage media. Figure 6 As shown in , a disk drive for reading or writing from a removable, non-volatile disk (e.g., a "floppy disk") and an optical drive for reading or writing from a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to the bus (not shown) by one or more data media interfaces. The memory 620 may include a computer program product 625 having one or more program modules that are configured to perform various methods or actions of various embodiments of the present disclosure.

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

[0097] The input device 650 may be one or more input devices, such as a mouse, a keyboard, a tracking ball, etc. The output device 660 may be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 600 may also communicate with one or more external devices (not shown) through the communication unit 640 as needed, such as a storage device, a display device, etc., communicate with one or more devices that allow a user to interact with the electronic device 600, or communicate with any device that allows the electronic device 600 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

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

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

[0100] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, so that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device that implements the functions / actions specified in one or more boxes in the flowchart and / or block diagram is generated. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and / or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions / actions specified in one or more boxes in the flowchart and / or block diagram.

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

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

[0103] The above descriptions of various implementations of the present disclosure are exemplary, non-exhaustive, and not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The selection of terms used herein is intended to best explain the principles of the implementations, practical applications, or improvements to the technology in the market, or to enable other persons of ordinary skill in the art to understand the various implementations disclosed herein.

Claims

1. A page interaction method, comprising: Presenting a target interface element in association with a first navigation tag at a predetermined position in a navigation display area, wherein a plurality of navigation tags in a navigation tag set are sequentially displayed in the navigation display area, and the target interface element indicates that the associated navigation tag is in a selected state; as well as In response to detecting a navigation switch indication from the first navigation tab to the second navigation tab, and in response to at least one navigation tab in the set of navigation tabs in a predetermined sorting direction not being presented in the navigation display area, While maintaining the target interface element at the predetermined position, moving 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 The first navigation label is at least partially hidden in the navigation display area.

2. The method according to claim 1, further comprising: In response to at least one navigation label in the predetermined sorting direction not being presented in the navigation display area, One or more navigation labels that are not presented in the predetermined sorting direction are presented in the navigation display area.

3. The method according to claim 1, wherein at least partially hiding the first navigation label in the navigation display area comprises: In response to one or more navigation tags being presented in the navigation display area between the first navigation tag and the second navigation tag, the presented first navigation tag and the one or more navigation tags are at least partially hidden.

4. The method according to claim 1, further comprising: In response to the second navigation tab being presented in the navigation display area and there being no navigation tabs in the predetermined sorting direction that are not presented in the navigation display area, Move the target interface element to the presentation position of the second navigation tag. 5 . The method according to claim 1 , wherein the navigation switching indication is based on a click operation, and the second navigation tag is a navigation tag selected by the click operation.

6. The method of claim 1, wherein the navigation switch indication is based on a sliding operation, and wherein the second navigation label is determined based on a sorting position of the first navigation label in the navigation label set and a sliding direction of the sliding operation. 7 . The method according to claim 1 , wherein the predetermined position is configured at a head position or a tail position along a movable direction of the navigation display area.

8. The method according to claim 1, further comprising: After at least the first navigation tag is hidden, presenting a predetermined interface element in the navigation display area; In response to detecting a trigger on a predetermined interface element, presenting the target interface element at the predetermined position, and In the navigation display area, the navigation tag that is sorted first in the navigation tag set according to the predetermined sorting direction is switched to the predetermined position associated with the target interface element.

9. A device for page interaction, comprising: an interface element presentation module configured to present a target interface element in association with a first navigation tag at a predetermined position in a navigation display area, wherein a plurality of navigation tags in a navigation tag set are sequentially presented in the navigation display area, and the target interface element indicates that the associated navigation tag is in a selected state; as well as a navigation tag processing module, configured to, in response to detecting a navigation switch indication from the first navigation tag to the second navigation tag and in response to at least one navigation tag in the navigation tag set in a predetermined sorting direction not being presented in the navigation display area, While maintaining the target interface element at the predetermined position, moving 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 The first navigation label is at least partially hidden in the navigation display area.

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

11. A computer-readable storage medium having a computer program stored thereon, wherein the computer program can be executed by a processor to implement the method according to any one of claims 1 to 8.

12. A computer program product tangibly stored in a computer storage medium and comprising computer executable instructions which, when executed by a device, cause the device to perform the method according to any one of claims 1 to 8.

Images