Page display method and related equipment

Abstract

The invention provides a page display method and device. The method comprises the steps that a first page comprising first content is displayed, and the first page comprises a first control used for paying attention to a provider of the first content and a second control used for entering a second page; in response to the fact that a first preset condition is met, a first element moving from the first control to the second control is dynamically displayed, and the first element is associated with the first content and / or a provider of the first content; in response to the first element moving to the associated position of the second control, the second control is switched to be displayed as a third control, and the third control is used for paying attention to a provider of the first content; and in response to a trigger instruction for the first control or the third control, paying attention to a provider of the first content and displaying a first special effect, the first special effect being associated with the first content and / or the provider of the first content.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technologies, and in particular, to a page display method and related devices. Background Art

[0002] With the development of computer science and technology, various application programs (APPs) have emerged. These application programs provide convenience in all aspects of people's lives, and some also offer rich choices for people's leisure and entertainment.

[0003] In some scenarios, application programs can be used to provide various contents, such as pictures, audio, videos, etc. Moreover, a social connection can be established between the content viewer and the content provider. For example, a social connection can be established by following the content provider.

[0004] However, the inventors of the present disclosure have found that the way of following the content provider in application programs is not satisfactory. Summary of the Invention

[0005] In view of this, the purpose of the present disclosure is to provide a page display method and related devices to solve or partially solve the above technical problems.

[0006] In the first aspect of the present disclosure, a page display method is provided, including:

[0007] Display a first page including first content, where the first page includes a first control for following the provider of the first content and a second control for entering a second page;

[0008] In response to satisfying a first preset condition, dynamically display a first element moving from the first control to the second control, where the first element is associated with the first content and / or the provider of the first content;

[0009] In response to the first element moving to an associated position of the second control, switch the display of the second control to a third control, where the third control is used to follow the provider of the first content;

[0010] In response to a trigger instruction for the first control or the third control, follow the provider of the first content and display a first special effect, where the first special effect is associated with the first content and / or the provider of the first content.

[0011] In the second aspect of the present disclosure, a page display device is provided, including:

[0012] A first display module configured to: display a first page including first content, where the first page includes a first control for following the provider of the first content and a second control for entering a second page;

[0013] A second display module, configured to: in response to meeting a first preset condition, dynamically display a first element moving from the first control to the second control, where the first element is associated with the first content and / or the provider of the first content;

[0014] A third display module, configured to: in response to the first element moving to an associated position of the second control, switch the second control to be displayed as a third control, where the third control is used to follow the provider of the first content;

[0015] A follow - and - display module, configured to: in response to a trigger instruction for the first control or the third control, follow the provider of the first content and display a first special effect, where the first special effect is associated with the first content and / or the provider of the first content.

[0016] In a third aspect of the present disclosure, a computer device is provided, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where when the processor executes the computer program, the method described in the first aspect is implemented.

[0017] In a fourth aspect of the present disclosure, a non - transitory computer - readable storage medium is provided, where the non - transitory computer - readable storage medium stores computer instructions for causing a computer to execute the method described in the first aspect.

[0018] In a fifth aspect of the present disclosure, a computer program product is provided, including computer program instructions, where when the computer program instructions run on a computer, the computer is caused to execute the method described in the first aspect.

[0019] As can be seen from the above, for the page display method and related devices provided in the present disclosure, guidance is carried out by starting to display an element from the position of a first control for following the provider of a first content, and when the element moves to an associated position of a second control, the second control is switched to be displayed as a third control, and the third control can also follow the provider of the first content, so that the user can conveniently follow through the third control. On this basis, after the user triggers the first control or the third control, the provider of the first content can be successfully followed and a first special effect can be displayed, where the first special effect is associated with the first content and / or the provider of the first content, thereby deepening the user's impression of the first content and / or the provider of the first content and enhancing the follow - up effect. Description of the Drawings

[0020] To more clearly illustrate the technical solutions in the present disclosure or related technologies, the following will briefly introduce the drawings required for use in the embodiments or related technology descriptions. Obviously, the drawings in the following descriptions are only the embodiments of the present disclosure. For those of ordinary skill in the art, without creative efforts, other drawings can be obtained based on these drawings.

[0021] Figure 1 The schematic diagram of an exemplary system according to an embodiment of the present disclosure is shown.

[0022] Figure 2A The schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0023] Figure 2B The schematic diagram of another exemplary page according to an embodiment of the present disclosure is shown.

[0024] Figure 2C The schematic diagram of another exemplary page according to an embodiment of the present disclosure is shown.

[0025] Figure 3A The schematic diagram of an exemplary page according to an embodiment of the present disclosure is shown.

[0026] Figure 3B The schematic diagram of another exemplary page according to an embodiment of the present disclosure is shown.

[0027] Figure 4A The schematic diagram of another exemplary page according to an embodiment of the present disclosure is shown.

[0028] Figure 4B The schematic diagram of another exemplary page according to an embodiment of the present disclosure is shown.

[0029] Figure 5 The schematic flowchart of the exemplary method provided by the embodiment of the present disclosure is shown.

[0030] Figure 6 The schematic diagram of the structure of the exemplary device provided by the embodiment of the present disclosure is shown.

[0031] Figure 7 The schematic diagram of the hardware structure of the exemplary electronic device provided by the embodiment of the present disclosure is shown. Detailed implementation manners

[0032] To make the objectives, technical solutions and advantages of the present disclosure clearer and more understandable, the following further elaborates on the present disclosure in detail in combination with specific embodiments and with reference to the drawings.

[0033] It should be noted that, unless otherwise defined, the technical terms or scientific terms used in the embodiments of the present disclosure should have the ordinary meanings understood by those of ordinary skill in the field to which the present disclosure belongs. The "first", "second" and similar terms used in the embodiments of the present disclosure do not denote any order, quantity or importance, but are only used to distinguish different components. The terms such as "including" or "comprising" mean that the elements or objects appearing before this word cover the elements or objects listed after this word and their equivalents, without excluding other elements or objects. The terms such as "connected" or "coupled" are not limited to physical or mechanical connections, but may include electrical connections, whether direct or indirect. The terms such as "upper", "lower", "left" and "right" are only used to represent relative positional relationships, and when the absolute position of the object being described changes, the relative positional relationship may also change accordingly.

[0034] It can be understood that before using the technical solutions of the various embodiments of the present disclosure, the types, usage scopes, usage scenarios, etc. of the personal information involved will be informed to the user in an appropriate manner, and the user's authorization will be obtained.

[0035] For example, when responding to receiving an active request from the user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be executed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, an application program, a server, or a storage medium that performs the operations of the technical solutions of the present disclosure according to the prompt message.

[0036] As an optional but non-limiting implementation manner, the manner of sending a prompt message to the user in response to receiving an active request from the user may be, for example, in the form of a pop-up window, and the prompt message may be presented in text in the pop-up window. In addition, the pop-up window may also carry selection controls for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0037] It can be understood that the above process of notifying and obtaining the user's authorization is only illustrative and does not limit the implementation manners of the present disclosure, and other manners that meet relevant laws and regulations can also be applied to the implementation manners of the present disclosure.

[0038] Figure 1 FIG. shows a schematic diagram of an exemplary system 100 according to an embodiment of the present disclosure. The system 100 may be a system for implementing page display.

[0039] Such as Figure 1As shown, the system 100 may include a terminal device 102, a server 104, and a database server 106. There is a network connection between the terminal device 102 and the server 104, for example, a wired or wireless network connection, etc. Optionally, the device for implementing page display may be integrated in the terminal device 102. There is a network connection between the database server 106 and the server 104, for example, a wired or wireless network connection, etc. Various data related to the execution of the page display method may be stored in the database server 106, such as multimedia content (videos, audios, pictures, etc.).

[0040] Various applications (Application, APP, Chinese abbreviation: app) may be installed on the terminal device 102, such as video applications, image processing applications, video conferencing applications, life service applications, reading applications, social applications, payment applications, web browsers, and instant messaging tools, etc. These applications can all be used to display pages.

[0041] The terminal device 102 here can be hardware or software. When the terminal device 102 is hardware, it can be various electronic devices with a display screen, including but not limited to smartphones, tablets, e-book readers, MP3 players, laptop computers (Laptop), and desktop computers (PC), etc. When the terminal device 102 is software, it can be installed in the above-listed electronic devices. It can be implemented as multiple software or software modules (for example, used to provide distributed services), or it can be implemented as a single software or software module. No specific limitation is made here.

[0042] The server 104 can be a server that provides various services. For example, a background server that provides support for various applications displayed on the terminal device 102. The database server 106 can also be a database server that provides various services. It can be understood that when the server 104 can implement the related functions of the database server 106, the database server 106 may not be set in the system 100.

[0043] The server 104 and the database server 106 here can also be hardware or software. When they are hardware, they can be implemented as a distributed server cluster composed of multiple servers, or as a single server. When they are software, they can be implemented as multiple software or software modules (for example, used to provide distributed services), or as a single software or software module. No specific limitation is made here.

[0044] It should be noted that the page display method provided by the embodiments of the present disclosure can be executed independently by the terminal device 102. In some scenarios, it can also be executed by the system 100. For example, it can be executed through the interaction among the terminal device 102, the server 104, and the database server 106. It can be understood that when the terminal device 102 has the functions required by the server 104 and the database server 106 to execute the page display method, it can still be executed independently by the terminal device 102. It should be understood that Figure 1 the numbers of the terminal device 102, the server 104, the database server 106, and the user 108 in Figure 1 are merely illustrative. According to actual needs, there can be any number of terminal devices, users, servers, and database servers.

[0045] The user 108 can use the services provided by the application installed in the terminal device 102. In an exemplary scenario, the user 108 can open any application installed in the terminal device 102. At this time, the terminal device 102 can generate a content request corresponding to the application. For example, the server 104 can be the server corresponding to the application, and the terminal device 102 can send the content request to the server 104. After receiving the content request, the server 104 can generate content data according to the content request.

[0046] In some embodiments, the content data can be a content sequence that mixes different types of content, which can include multiple contents and content sorting. For example, when the content is various multimedia data (such as videos, audios, pictures, photos, texts, etc.), multiple contents can be mixed and sorted according to a preset mixed sorting algorithm, and then a content sequence is obtained, which not only includes multiple contents but also includes the sorting corresponding to each content (i.e., content sorting).

[0047] After receiving the content data, the terminal device 102 can display the content based on the order of the content data. The user 108 can then switch the content through a switching operation.

[0048] In the related art, when an application provides content, the user 108 can establish a social connection with the content provider by following the content provider when viewing the content. However, the inventors of the present disclosure have found that the follow-up method in the related art is not good.

[0049] In view of this, the embodiments of the present disclosure provide a page display method to at least partially solve the above technical problems.

[0050] Figure 2A A schematic diagram of an exemplary page 200 according to an embodiment of the present disclosure is shown.

[0051] As Figure 2AAs shown, exemplarily, the first page 200 may be the home page of a content - providing application. The user 108 can open the application in the terminal device 102, and then the first page 200 corresponding to the application can be displayed on the terminal device 102. It can be understood that there are many ways to enter the first page 200. Here, it is only for the sake of clearer illustration to describe the possible entry methods.

[0052] Exemplarily, as Figure 2A shown, content 202 can be displayed on the first page 200. The content 202 can be any form of content. For example, it can be a video, an audio, a picture, and so on. In some embodiments, the content 202 can be content associated with the content provider. For example, if the content provider is a video blogger, the content 202 can be the travel - shooting video of the video blogger; or, if the content provider is an enterprise, the content 202 can be the enterprise's introduction video or the introduction video of the enterprise's product.

[0053] Optionally, as Figure 2A shown, description information 204 of the content 202 can be displayed in the bottom area 200A of the first page 200, which is used to describe the detailed information of the content 202. For example, the description information 204 can include information about the publisher of the content 202 (such as user account, user nickname, etc.), and can also include the profile information of the content 202, and so on. In this way, the user 108 can learn more detailed information about the content 202 through the description information 204. In some embodiments, the first page 200 may further include a control 208 for entering the second page, so that when the user 108 triggers the control 208, the second page can be jumped to for display, facilitating the user's operation of entering the second page. Optionally, the control 208 can be located in the bottom area 200A, which is convenient for the user to operate with one hand and reduces the impact on the display of the content 202. Optionally, the content of the second page can be associated with the content 202, so that after the page jump, the user 108 can further view the detailed information related to the content 202 on the second page. In some other embodiments, the content of the second page can also be associated with the provider of the content 202. For example, the second page can be the home page of the provider of the content 202, so that after the page jump, the user 108 can further view the detailed information related to the provider of the content 202 on the second page. In some embodiments, when the content 202 itself is associated with the provider of the content 202, the second page is both associated with the content 202 and the provider of the content 202, so that after the page jump, the user 108 can further view the detailed information related to the content 202 and the provider of the content 202 on the second page.

[0054] In some embodiments, as Figure 2AAs shown, the avatar 206A of the provider of the content 202 can be displayed on the first side of the first page 200, and a control 206B for following the provider of the content 202 can be displayed at an associated position (e.g., the lower side) of the avatar 206A. This control 206B provides an entry for following the provider of the content 202. By triggering (e.g., clicking) this control 206B, the user 108 can complete the follow-up of the user 108.

[0055] However, the inventors of the present disclosure have found that, as Figure 2A shown, the follow control 206B is usually displayed in the form of a very small icon below the avatar 206A. On the one hand, it is difficult for the user 108 to notice the follow control 206B. On the other hand, when the user 108 uses the control 206B to follow the content provider, the operation is also relatively inconvenient. First, since the follow control 206B is located on the first side (e.g., the right side) in the middle of the first page 200, it is difficult for the user 108 to operate with one hand (especially for users who hold the mobile phone with their left hand). Second, since the size of the follow control 206B is usually small, the user 108 also needs to operate precisely during operation, otherwise it is easy to accidentally touch (e.g., trigger other interactive controls below the avatar 206A).

[0056] In view of this, in some embodiments of the present disclosure, in response to satisfying a first preset condition, an element 210 that moves from the control 206B to the control 208 can be dynamically displayed on the first page 200, as Figures 2B - 2C shown. In this way, through this dynamic element 210, it can help the user 108 notice the follow control 206B to remind the user 108 that the provider of the current content is an object that the user 108 has not followed.

[0057] The form of dynamically displaying the element 210 can be arbitrary. As long as it is a dynamic display form with the element 210 as the object, it can be understood as dynamically displaying the element 210. In some embodiments, the element 210 can be associated with the content 202. In this way, when the element 210 is dynamically displayed, it can make it easier for the user 108 to notice the element 210, and the association between the element 210 and the content 202 can improve the interactivity between the user 108 and the content 202. Exemplarily, the content 202 can be used to display a specific object, and the element 210 is similar in form to the specific object (e.g., both are star-shaped items). On the one hand, it can improve the interest of the user 108 in viewing the content 202. On the other hand, it can improve the interactivity between the user 108 and the content 202.

[0058] Optionally, element 210 may be a visual element added by the provider of content 202 when uploading content 202 to server 104, associating this element with content 202 such that when a first preset condition is met, the element can be dynamically displayed on page 200. In some embodiments, element 210 is an element generated by extracting the specific object from content 202. In this way, an element can be generated by extracting an object from content 202, further ensuring the relevance between the element and content 202 and enhancing the interactivity between user 108 and content 202.

[0059] In some other embodiments, element 210 may also be associated with the provider of content 202. For example, element 210 can be set to a form such that when element 210 appears, user 108 can associate it with the provider of content 202. Further, in some embodiments, element 210 can also be set to be associated with both content 202 and the provider of content 202. In this way, when element 210 is dynamically displayed on page 200, it can not only enhance the interactivity between user 108 and content 202, but also enhance the interactivity between user 108 and the provider of content 202. As an exemplary scenario, element 210 can be the virtual avatar of the provider of content 202, and content 202 can be a video that shows this virtual avatar. In this way, when element 210 is dynamically displayed on page 200, it can not only enhance the interactivity between user 108 and content 202, but also enhance the interactivity between user 108 and the provider of content 202. As an alternative embodiment, the specific object and element 210 can be the product of the provider of content 202, and content 202 can be an introduction to this product.

[0060] It can be understood that the first preset condition can be any triggering condition. Optionally, the first preset condition can be that the display duration of content 202 reaches a preset duration (for example, 1 s, 3 s). At this time, it is considered that user 108 is interested in content 202, and the method of the embodiments of the present disclosure is adopted to remind user 108 to pay attention to the content provider, which is more in line with user habits. For example, when content 202 is a video and the video has been played for a preset duration (for example, 1 s, 3 s) and user 108 has not switched the video, it can be considered that the first preset condition is met, and then element 210 can be dynamically displayed on page 200. Also for example, a new control can be added to page 200. When this control is triggered (for example, clicked, long-pressed, etc.), it can be considered that the first preset condition is met, and then element 210 can be dynamically displayed on page 200.

[0061] In some embodiments, such as Figures 2B - 2CAs shown, the dynamic display element 210 can start displaying the element 210 from the associated position (e.g., the left side) of the control 206B, and then dynamically display the element 210 along the first predetermined trajectory 212 that moves from the control 206B to the control 208. In this way, as the element 210 appears and moves along the trajectory 212, it guides the user 108's line of sight to focus on the concerned control 206B, playing a better reminder role.

[0062] Furthermore, as Figure 3A shown, in some embodiments, in response to the element 210 moving to the associated position (e.g., above the control 208) of the control 208, the control 208 is switched to display as the control 302, and this control 302 can also be used for the provider of the concerned content 202. In this way, as Figure 3A shown, the user 108 can both focus on the provider of the content 202 through the control 206B and through the control 302, so that the focusing operation can be more easily completed. Moreover, by leading out the element 210 from the concerned control 206B to guide the user's line of sight, and then displaying the control 302 at the place where the line of sight stays for the user 108 to focus on the content provider, while facilitating the focusing operation, it increases the interactive interest.

[0063] In some embodiments, the operation to trigger the control 208 to switch to display as the control 302 can be that the edge of the element 210 contacts the edge of the control 208, as Figure 2C shown. In other words, when the edge of the element 210 contacts the edge of the control 208, the control 208 starts to be switched to display as the control 302, thus realizing the operation of triggering the switching of the display control by the contact between the element 210 and the control 208, further enhancing the interactive interest.

[0064] Furthermore, as an alternative embodiment, after the element 210 contacts the control 208, the element 210 can be dynamically displayed along the second predetermined trajectory 306 from the position where the control 208 is located, as Figure 3B shown. In this way, a visual effect that the element 210 bounces off after hitting the control 208 is presented from the visual effect, further enhancing the interactive interest.

[0065] Optionally, as Figure 2C shown, the first predetermined trajectory 212 is from the position of the control 206B on the first side of the first page 200 to the position of the control 208. Since the control 206B is located in the middle of the first page 200 and the control 208 is located at the bottom of the first page 200, a visual effect that the element 210 falls from a high place can be formed. Furthermore, as Figure 3BAs shown, the second predetermined trajectory 306 is from the position where the control 208 is located (which is also the position where the control 302 is located) to the second side (e.g., the left side) of the first page 200 in a direction away from the bottom of the first page 200, so that a visual effect can be formed in which the element 210 bounces up from the bottom and in a direction opposite to the trajectory 212. In this way, the interaction interest is further enhanced.

[0066] Therefore, in some embodiments, based on the above display logic, combined with Figure 2B , Figure 2C , Figure 3A and Figure 3B As shown, an effect of dynamically displaying the element 210 moving from the control 206B to the control 208 by using a drop special effect is presented, further enhancing the interaction interest.

[0067] In some embodiments, the display of the element 210 can be stopped at an associated position of the control 208 or the control 302. Exemplarily, if the element 210 only moves along the first preset trajectory 212 and its termination position is the position in contact with the control 208, then this position can be considered as the associated position. In this way, an effect is formed in which the element 210 appears at the associated position of the control 206B and disappears at the associated position of the control 208, and at the same time, it has the effect of guiding the user to pay attention to the content provider through the control 302. Another example is that if the element 210 moves continuously along the first preset trajectory 212 and the second preset trajectory 306, the associated position can be any position on the second preset trajectory 306, so as to form an effect in which the element 210 gradually disappears after bouncing up.

[0068] Optionally, as Figure 3B shown, when switching the display of the control 208, the control 208 can be switched to display two controls, one of which is the control 302, and the other control 304 can be used to stop this switching display effect, that is, after triggering the control 304, it can return to Figure 2A the page 200 shown to continue watching the content 202, achieving the effect of one-key returning to the original page layout.

[0069] Continuing to refer to Figure 3B , in some embodiments, in the page 200, the user 108 can pay attention to the provider of the content 202, that is, the user account corresponding to the avatar 206A, by triggering the control 206B or the control 302. In this way, two controls are provided in the page 200 to implement the attention function, and the user 108 can more easily complete the attention operation.

[0070] Further, in some embodiments, while the attention is successful, the special effect 402 can be displayed, thereby increasing the interactive interest while the attention is successful. Optionally, the special effect 402 can be associated with the content 202 and / or the provider of the content 202. For example, as Figure 4A shown, the special effect 402 can include an element 402A, where the style of the element 402A is the same as that of the element 210. Thus, when the element 210 is associated with the content 202 and / or the provider of the content 202, the special effect 402 is also associated with the content 202 and / or the provider of the content 202. In addition, the special effect 402 can further include an element 402B. The element 402B can be associated with the content 202 and / or the provider of the content 202, or can be not associated with the content 202 and / or the provider of the content 202. When the element 420B is associated with the content 202 and / or the provider of the content 202, the interactivity with the content 202 and / or its provider can be further enhanced. When the element 420B is not associated with the content 202 and / or the provider of the content 202, the diversity of the special effect 402 can be increased to enhance the visual effect. In some embodiments, the special effect 402 can be a fireworks effect based on the elements 402A and 402B, that is, the elements 402A and 402B shoot upward from the middle and disperse to the periphery, thereby further enhancing the visual effect.

[0071] In some embodiments, as Figure 4A shown, when the special effect 402 is displayed, a success prompt message 404 for attention can also be displayed, so that the user 108 can obtain a success prompt for attention during the process of watching the special effect 402. Optionally, the prompt message 404 can further include information 4042 about the attention object, so as to further remind the user 108 based on this information 4042 what the account that has just been successfully followed is.

[0072] As an alternative embodiment, as Figure 4AAs shown, when the display effect 402 is shown, the fourth control 406 for entering the third page can also be used, so that when the user 108 triggers the control 406, the user can jump to the third page for display, facilitating the user's operation of entering the third page. Optionally, the control 406 can be located in the bottom area 200A, facilitating one-handed operation by the user and reducing the impact on the display of the content 202. Optionally, the content of the third page can be associated with the content 202, so that after the page jump, the user 108 can further view detailed information related to the content 202 on the third page. In some other embodiments, the content of the third page can also be associated with the provider of the content 202. For example, the third page can be the homepage of the provider of the content 202, so that after the page jump, the user 108 can further view detailed information related to the provider of the content 202 on the third page. In some embodiments, when the content 202 itself is associated with the provider of the content 202, the third page is both associated with the content 202 and the provider of the content 202, so that after the page jump, the user 108 can further view detailed information related to the content 202 and the provider of the content 202 on the third page. It can be understood that in different scenarios, the second page and the third page can be the same page or different pages, and the specific setting method can be set according to needs.

[0073] In some embodiments, in response to the completion of the display of the effect 402, indicating that the provider of the content 202 has been successfully followed, the control 206B can be switched from the first state to the second state (for example, the icon is switched from "+" to "√"), as Figure 4A shown. In this way, through the state switch, it is prompted that the follow-up is successful.

[0074] Next, in some embodiments, after the follow-up is completed, the page 200 is displayed as Figure 4B shown, that is, it returns to the state of normally displaying the content 202. Different from Figure 2A this, Figure 4B the control 206B is no longer displayed, indicating that the follow-up is currently successful.

[0075] As can be seen from the above embodiments, the page display method provided by the embodiments of the present disclosure guides by starting to display an element from the position of a first control for following the provider of the first content, and when the element moves to an associated position of a second control, the second control is switched to display a third control, and the third control can also follow the provider of the first content, so that the user can conveniently follow through the third control. On this basis, after the user triggers the first control or the third control, the provider of the first content can be successfully followed and a first special effect can be displayed, and the first special effect is associated with the first content and / or the provider of the first content, thereby deepening the user's impression of the first content and / or the provider of the first content and enhancing the following effect.

[0076] It should be noted that the method of the embodiments of the present disclosure can be executed by a single device, such as a computer or a server. The method of this embodiment can also be applied to a distributed scenario and completed by multiple devices cooperating with each other. In this case of a distributed scenario, one of the multiple devices can only execute one or more steps of the method of the embodiments of the present disclosure, and these multiple devices will interact with each other to complete the described method.

[0077] It should be noted that some embodiments of the present disclosure have been described above. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be performed in a different order than in the above embodiments and still achieve the desired result. Additionally, the processes depicted in the figures do not necessarily require the particular order or sequential order shown to achieve the desired result. In certain implementations, multitasking and parallel processing are also possible or may be advantageous.

[0078] Based on substantially the same inventive concept, the embodiments of the present disclosure also provide a page display method.

[0079] Figure 5 A flowchart of an exemplary method 500 provided by the embodiments of the present disclosure is shown. The method 500 can be implemented by Figure 1 the terminal device 102, or can be implemented by Figure 1 the system 100, and the method 500 can be used to display a page of an application program. The method 500 may further include the following steps.

[0080] In step 502, display a first page (such as Figure 2A the page 200) including a first content (such as Figure 2A the content 202), and the first page includes a first control for following the provider of the first content (such as Figure 2Athe control 206B) and a second control for entering a second page (e.g., Figure 2A the control 208);

[0081] In step 504, in response to meeting a first preset condition, a first element (e.g., Figure 2C the element 210) moving from the first control to the second control is dynamically displayed, and the first element is associated with the first content and / or the provider of the first content;

[0082] In step 506, in response to the first element moving to an associated position of the second control, the second control is switched to be displayed as a third control (e.g., Figure 3A the control 302), and the third control is used to follow the provider of the first content;

[0083] In step 508, in response to a trigger instruction for the first control or the third control, the provider of the first content is followed and a first special effect (e.g., Figure 4A the special effect 402) is displayed, and the first special effect is associated with the first content and / or the provider of the first content.

[0084] The page display method provided by the present disclosure guides by starting to display an element from the position of a first control for following the provider of a first content, and when the element moves to an associated position of a second control, the second control is switched to be displayed as a third control, and the third control can also follow the provider of the first content, so that the user can conveniently follow through the third control. On this basis, after the user triggers the first control or the third control, the provider of the first content can be successfully followed and a first special effect can be displayed, and the first special effect is associated with the first content and / or the provider of the first content, thereby deepening the user's impression of the first content and / or the provider of the first content and enhancing the following effect.

[0085] In some embodiments, the method further includes: in response to the first special effect being displayed completely, switching the first control from a first state to a second state (e.g., the icon is switched from “+” to “√”), as Figure 4A shown. In this way, through the state switch, it is prompted that the follow-up is successful.

[0086] In some embodiments, dynamically displaying a first element moving from the first control to the second control includes:

[0087] displaying the first element starting from an associated position of the first control;

[0088] along a first predetermined trajectory moving from the first control to the second control (e.g., Figure 2Cdynamically display the first element along the trajectory 212);

[0089] Stop displaying the first element at the associated position of the second control.

[0090] In this way, as the first element appears and moves along the first predetermined trajectory, it guides the user's line of sight to focus on the attention control, playing a better reminder role.

[0091] In some embodiments, the first control is located in the middle of the first page, and the second control is located at the bottom of the first page;

[0092] After dynamically displaying the first element along the first predetermined trajectory from the first control to the second control, the method further includes:

[0093] Dynamically display the first element along a second predetermined trajectory (e.g., Figure 3B the trajectory 306) from the position of the second control;

[0094] Wherein, the first predetermined trajectory is from the first side of the first page to the position of the second control, so as to form a visual effect that the first element falls from a high place. Further, the second predetermined trajectory is from the position of the second control along a direction away from the bottom of the first page to the second side of the first page, so as to form a visual effect that the first element bounces up from the bottom and bounces up in a direction opposite to the first predetermined trajectory. In this way, the interaction fun is further enhanced.

[0095] In some embodiments, dynamically displaying the first element moving from the first control to the second control includes: dynamically displaying the first element moving from the first control to the second control with a falling special effect, further enhancing the interaction fun.

[0096] In some embodiments, displaying the first special effect includes: displaying a prompt message for successful attention (e.g., Figure 4A the prompt message 404), so that the user obtains a prompt for successful attention during the process of watching the special effect. Optionally, the prompt message includes information about the attention object (e.g., Figure 4A the information 4042), so as to further remind the user based on this information what the account that has just been successfully followed is.

[0097] In some embodiments, displaying the first special effect includes: displaying a fourth control (e.g., Figure 4A the control 406) for entering the third page;

[0098] The method further includes: in response to a trigger instruction for the fourth control, displaying the third page, so that when the user triggers the fourth control, the third page can be jumped to for display, facilitating the user's operation of entering the third page.

[0099] Optionally, the content of the third page may be associated with Content 202, so that after the page jump, User 108 can further view detailed information related to Content 202 on the third page. In some other embodiments, the content of the third page may also be associated with the provider of Content 202. For example, the third page may be the homepage of the provider of Content 202, so that after the page jump, User 108 can further view detailed information related to the provider of Content 202 on the third page. In some embodiments, when Content 202 itself is associated with the provider of Content 202, the third page is both associated with Content 202 and with the provider of Content 202, so that after the page jump, User 108 can further view detailed information related to Content 202 and the provider of Content 202 on the third page.

[0100] In some embodiments, after displaying the first page including the first content, it further includes: in response to a trigger instruction for the second control, displaying the second page, so that when the user triggers the second control, the second page can be jumped to for display, facilitating the user's operation of entering the second page.

[0101] Optionally, the content of the second page may be associated with Content 202, so that after the page jump, User 108 can further view detailed information related to Content 202 on the second page. In some other embodiments, the content of the second page may also be associated with the provider of Content 202. For example, the second page may be the homepage of the provider of Content 202, so that after the page jump, User 108 can further view detailed information related to the provider of Content 202 on the second page. In some embodiments, when Content 202 itself is associated with the provider of Content 202, the second page is both associated with Content 202 and with the provider of Content 202, so that after the page jump, User 108 can further view detailed information related to Content 202 and the provider of Content 202 on the second page.

[0102] It can be understood that in different scenarios, the second page and the third page may be the same page or different pages, and the specific setting method can be set according to needs.

[0103] In some embodiments, the first element includes a visual element uploaded by the provider of the first content, so that the content provider can upload a visual element as the first element according to needs. Optionally, the first special effect includes the first element (e.g., Figure 4A element 402A), such that the special effect can be associated with the content 202 and / or the provider of the content 202.

[0104] In some embodiments, the first preset condition includes that the display duration of the first content reaches a preset duration. At this time, it indicates that the user is interested in the first content, and the user can be guided to perform a follow-up operation.

[0105] It should be noted that the method of the embodiments of the present disclosure can be executed by a single device, such as a computer or a server. The method of this embodiment can also be applied to a distributed scenario, and multiple devices cooperate with each other to complete it. In this case of a distributed scenario, one of the multiple devices can only execute one or more steps of the method of the embodiments of the present disclosure, and these multiple devices will interact with each other to complete the described method.

[0106] It should be noted that some embodiments of the present disclosure are described above. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recited in the claims can be executed in a different order from those in the above embodiments and still achieve the desired result. Additionally, the processes depicted in the drawings do not necessarily require the specific order or sequential order shown to achieve the desired result. In certain embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0107] Based on substantially the same inventive concept, corresponding to the method of any of the above embodiments, the present disclosure further provides a page display device. Figure 6 The structural schematic diagram of an exemplary device 600 provided by the embodiments of the present disclosure is shown.

[0108] Referring to Figure 6 , the device 600 may include:

[0109] A first display module 602, configured to: display a first page including first content, the first page including a first control for following the provider of the first content and a second control for entering a second page;

[0110] A second display module 604, configured to: in response to satisfying a first preset condition, dynamically display a first element moving from the first control to the second control, the first element being associated with the first content and / or the provider of the first content;

[0111] The third display module 606 is configured to: in response to the first element moving to the associated position of the second control, switch the display of the second control to a third control, and the third control is used to follow the provider of the first content;

[0112] The follow - and - display module 608 is configured to: in response to a trigger instruction for the first control or the third control, follow the provider of the first content and display a first special effect, and the first special effect is associated with the first content and / or the provider of the first content.

[0113] In some embodiments, the follow - and - display module 608 is configured to: in response to the completion of the display of the first special effect, switch the first control from a first state to a second state.

[0114] In some embodiments, the second display module 604 is configured to:

[0115] display the first element starting from the associated position of the first control;

[0116] dynamically display the first element along a first predetermined trajectory from the first control to the second control;

[0117] stop displaying the first element at the associated position of the second control.

[0118] In some embodiments, the first control is located in the middle of the first page, and the second control is located at the bottom of the first page;

[0119] The second display module 604 is configured to: dynamically display the first element along a second predetermined trajectory starting from the position of the second control;

[0120] wherein, the first predetermined trajectory is from the first side of the first page to the position of the second control, and the second predetermined trajectory is from the position of the second control to the second side of the first page along a direction away from the bottom of the first page.

[0121] In some embodiments, the second display module 604 is configured to: dynamically display the first element moving from the first control to the second control by using a falling special effect.

[0122] In some embodiments, the follow - and - display module 608 is configured to:

[0123] display a prompt message indicating successful follow - up;

[0124] wherein, the prompt message includes information about the followed - up object.

[0125] In some embodiments, the focus and display module 608 is configured to: display a fourth control for entering a third page;

[0126] In response to a trigger instruction for the fourth control, display the third page;

[0127] wherein the content of the third page is associated with the first content and / or the provider of the first content.

[0128] In some embodiments, the first display module 602 is configured to: in response to a trigger instruction for the second control, display the second page;

[0129] wherein the content of the second page is associated with the first content and / or the provider of the first content.

[0130] In some embodiments, the first element includes a visual element uploaded by the provider of the first content, and the first special effect includes the first element.

[0131] In some embodiments, the first preset condition includes that the display duration of the first content reaches a preset duration.

[0132] For convenience of description, when describing the above device, various modules are described separately according to their functions. Of course, when implementing the present disclosure, the functions of each module can be implemented in one or more software and / or hardware.

[0133] The device in the above embodiment is used to implement the corresponding method 500 in any of the foregoing embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be elaborated here.

[0134] Based on substantially the same inventive concept, an embodiment of the present disclosure further provides a computer device for implementing the above method 500. Figure 7 The hardware structure diagram of an exemplary computer device 700 provided by an embodiment of the present disclosure is shown. The computer device 700 can be used to implement Figure 1 the terminal device 102. In some scenarios, this computer device 700 can also be used to implement Figure 1 the server 104 and the database server 106.

[0135] As Figure 7 shown, the computer device 700 may include: a processor 702, a memory 704, a network interface 706, a peripheral interface 708, and a bus 710. Among them, the processor 702, the memory 704, the network interface 706, and the peripheral interface 708 are communicatively connected to each other inside the computer device 700 through the bus 710.

[0136] The processor 702 can be a Central Processing Unit (CPU), an image processor, a Neural Network Processor (NPU), a microcontroller (MCU), a programmable logic device, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), or one or more integrated circuits. The processor 702 can be used to execute functions related to the technologies described in this disclosure. In some embodiments, the processor 702 may also include multiple processors integrated as a single logic component. For example, as Figure 7 shown, the processor 702 may include multiple processors 702a, 702b, and 702c.

[0137] The memory 704 can be configured to store data (e.g., instructions, computer code, etc.). As Figure 7 shown, the data stored in the memory 704 may include program instructions (e.g., program instructions for implementing the method 500 of the embodiments of this disclosure) and data to be processed (e.g., the memory may store configuration files of other modules, etc.). The processor 702 can also access the program instructions and data stored in the memory 704 and execute the program instructions to operate on the data to be processed. The memory 704 may include a volatile storage device or a non-volatile storage device. In some embodiments, the memory 704 may include a Random Access Memory (RAM), a Read Only Memory (ROM), an optical disc, a magnetic disk, a hard disk, a Solid State Drive (SSD), a flash memory, a memory stick, etc.

[0138] The network interface 706 can be configured to provide communication with other external devices to the computer device 700 via a network. The network can be any wired or wireless network capable of transmitting and receiving data. For example, the network can be a wired network, a local wireless network (e.g., Bluetooth, WiFi, Near Field Communication (NFC), etc.), a cellular network, the Internet, or a combination of the above. It can be understood that the type of the network is not limited to the above specific examples.

[0139] The peripheral interface 708 can be configured to connect the computer device 700 to one or more peripheral devices to achieve information input and output. For example, the peripheral devices may include input devices such as a keyboard, a mouse, a touchpad, a touch screen, a microphone, various sensors, etc. and output devices such as a display, a speaker, a vibrator, an indicator light, etc.

[0140] The bus 710 can be configured to transfer information among various components of the computer device 700 (such as the processor 702, the memory 704, the network interface 706, and the peripheral interface 708), such as an internal bus (e.g., a processor-memory bus), an external bus (a USB port, a PCI-E bus), etc.

[0141] It should be noted that although the architecture of the computer device 700 shown above only shows the processor 702, the memory 704, the network interface 706, the peripheral interface 708, and the bus 710, in the specific implementation process, the architecture of the computer device 700 may further include other components necessary for normal operation. In addition, those skilled in the art can understand that the architecture of the computer device 700 above may also only include the components necessary to implement the solution of the embodiments of the present disclosure, and do not have to include all the components shown in the figure.

[0142] Based on substantially the same inventive concept, corresponding to any of the above method embodiments, the present disclosure also provides a non-transitory computer-readable storage medium storing computer instructions for causing the computer to execute the method 500 as described in any of the above embodiments.

[0143] The computer-readable medium of this embodiment includes permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. The information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassette tapes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information accessible by a computing device.

[0144] The computer instructions stored in the storage medium of the above embodiment are used to cause the computer to execute the method 500 as described in any of the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be elaborated here.

[0145] Based on the same inventive concept, corresponding to the method 500 of any of the above embodiments, the present disclosure also provides a computer program product, which includes a computer program. In some embodiments, the computer program is executable by one or more processors to cause the processors to execute the method 500. Corresponding to the execution subjects of the respective steps in the embodiments of the method 500, the processors that execute the corresponding steps may belong to the corresponding execution subjects.

[0146] The computer program product of the above embodiment is used to cause a processor to execute the method 500 described in any of the above embodiments, and has the beneficial effects of the corresponding method embodiments, which will not be elaborated here.

[0147] Those of ordinary skill in the art should understand that: the discussion of any of the above embodiments is only exemplary and is not intended to imply that the scope of the present disclosure (including the claims) is limited to these examples; under the concept of the present disclosure, the technical features in the above embodiments or different embodiments can also be combined, the steps can be implemented in any order, and there are many other variations in different aspects of the embodiments of the present disclosure as described above, and they are not provided in detail for the sake of brevity.

[0148] In addition, for simplicity of explanation and discussion, and in order not to make the embodiments of the present disclosure difficult to understand, the well-known power / ground connections to integrated circuit (IC) chips and other components may or may not be shown in the provided drawings. In addition, the devices may be shown in block diagram form to avoid making the embodiments of the present disclosure difficult to understand, and this also takes into account the fact that the details of the implementation of these block diagram devices are highly dependent on the platform on which the embodiments of the present disclosure will be implemented (i.e., these details should be fully within the understanding of those skilled in the art). In the case where specific details (such as circuits) are set forth to describe the exemplary embodiments of the present disclosure, it will be apparent to those skilled in the art that the embodiments of the present disclosure can be implemented without these specific details or with variations of these specific details. Therefore, these descriptions should be considered illustrative rather than restrictive.

[0149] Although the present disclosure has been described in connection with specific embodiments of the present disclosure, many alternatives, modifications, and variations of these embodiments will be apparent to those of ordinary skill in the art based on the foregoing description. For example, other memory architectures (such as dynamic RAM (DRAM)) may be used with the embodiments discussed.

[0150] The embodiments of the present disclosure are intended to cover all such alternatives, modifications, and variations that fall within the broad scope of the appended claims. Therefore, any omission, modification, equivalent replacement, improvement, etc. made within the spirit and principle of the embodiments of the present disclosure shall be included within the protection scope of the present disclosure.

Claims

1. A page display method, comprising: Displaying a first page including a first content, the first page including a first control for following the provider of the first content and a second control for entering a second page; In response to meeting a first preset condition, dynamically displaying a first element moving from the first control to the second control, the first element being associated with the first content and / or the provider of the first content; In response to the first element moving to an associated position of the second control, switching the second control to be displayed as a third control, the third control being used to follow the provider of the first content; In response to a trigger instruction for the first control or the third control, following the provider of the first content and displaying a first special effect, the first special effect being associated with the first content and / or the provider of the first content.

2. The method according to claim 1, further comprising: In response to the first special effect being displayed completely, switching the first control from a first state to a second state.

3. The method according to claim 1, wherein Dynamically displaying a first element moving from the first control to the second control includes: Displaying the first element starting from an associated position of the first control; Dynamically displaying the first element along a first predetermined trajectory from the first control to the second control; Stopping displaying the first element at an associated position of the second control.

4. The method according to claim 3, wherein The first control is located in the middle of the first page, and the second control is located at the bottom of the first page; After dynamically displaying the first element along a first predetermined trajectory from the first control to the second control, the method further comprises: Dynamically displaying the first element along a second predetermined trajectory from the position of the second control; Wherein, the first predetermined trajectory is from a first side of the first page to the position of the second control, and the second predetermined trajectory is from the position of the second control to a second side of the first page along a direction away from the bottom of the first page.

5. The method according to claim 1, wherein, Dynamically displaying a first element moving from the first control to the second control includes: Dynamically displaying the first element moving from the first control to the second control by using a falling special effect.

6. The method according to claim 1, wherein, Displaying the first special effect includes: Displaying a prompt message indicating successful following; Wherein, the prompt message includes information about the followed object.

7. The method according to claim 1, wherein, Displaying the first special effect includes: displaying a fourth control for entering a third page; The method further comprises: In response to a trigger instruction for the fourth control, displaying the third page; Wherein, the content of the third page is associated with the first content and / or the provider of the first content.

8. The method according to claim 1, wherein After displaying the first page including the first content, it further comprises: In response to a trigger instruction for the second control, displaying the second page; Wherein, the content of the second page is associated with the first content and / or the provider of the first content.

9. The method according to claim 1, wherein, The first element includes a visual element uploaded by the provider of the first content, and the first special effect includes the first element.

10. The method according to claim 1, wherein The first preset condition includes that the display duration of the first content reaches a preset duration.

11. A page display device, comprising: The first display module is configured to: display a first page including first content, the first page including a first control for following the provider of the first content and a second control for entering a second page; The second display module is configured to: in response to satisfying a first preset condition, dynamically display a first element moving from the first control to the second control, the first element being associated with the first content and / or the provider of the first content; The third display module is configured to: in response to the first element moving to an associated position of the second control, switch the display of the second control to a third control, the third control being used to follow the provider of the first content; The following and display module is configured to: in response to a trigger instruction for the first control or the third control, follow the provider of the first content and display a first special effect, the first special effect being associated with the first content and / or the provider of the first content.

12. A computer device, comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein, When the processor executes the computer program, it implements the method according to any one of claims 1 to 10.

13. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause a computer to execute the method according to any one of claims 1 to 10.

14. A computer program product, wherein, Including computer program instructions which, when running on a computer, cause the computer to execute the method according to any one of claims 1 to 10.

Images