Page display methods, devices, equipment, storage media, and computer program products
By displaying the first component at the top of the application's initial page and changing its form after a certain time, the display style and amount of information are enriched, solving the problem of the monotonous display form of traditional jump controls and improving user experience and interaction efficiency.
Patent Information
- Application Number
- CN202411178828.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2024-08-26
- Publication Date
- 2025-10-28
- Estimated Expiration
- 2044-08-26
AI Technical Summary
Traditional jump controls have a single display format, resulting in low user click enthusiasm and low human-computer interaction efficiency.
The first component is displayed on the top layer of the application's initial page, and after a certain period of time, it changes form to display information about the target object, enriching the display style and amount of information.
It improves the user's viewing experience on the initial page and the efficiency of human-computer interaction, and enhances the efficiency of information delivery and visual effects.
Smart Images

Figure CN118870104B_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of multimedia technology, and in particular to a page display method, apparatus, device, and storage medium. Background Technology
[0002] With the development of internet technology, an increasing number of applications are enriching users' entertainment lives. After an application launches, the terminal typically displays an initial page first, followed by the application's main page. Because the initial page has a strong impact and leaves a lasting impression, it usually displays product information. If a user is interested in a product described in the product information, they can click a jump control on the initial page to navigate to the product details page. However, the traditional display format of jump controls is relatively simple, reducing users' enthusiasm for clicking them and resulting in low human-computer interaction efficiency. Therefore, how to enrich the display format of jump controls to improve human-computer interaction efficiency is a technical problem that needs to be solved. Summary of the Invention
[0003] This disclosure provides a page display method, apparatus, device, and storage medium, which can enrich the display style of jump components in the initial page, increase the amount of information displayed by the jump components, thereby improving the user's viewing experience of the initial page and improving human-computer interaction efficiency. The technical solution of this disclosure is as follows:
[0004] According to one aspect of the embodiments of this disclosure, a page display method is provided, including:
[0005] In response to the opening operation of the target application, the initial page of the target application is displayed, and a first component is displayed on top of the initial page. The initial page is used to display multimedia resources containing the target object.
[0006] When the display duration of the first component reaches the first duration, the first component is displayed to change from the first form to the second form, and at least one object information of the target object is displayed in the first component in the second form;
[0007] In response to a triggering operation on any type of object information, the page associated with the object information is displayed.
[0008] According to another aspect of the embodiments of this disclosure, a page display device is provided, comprising:
[0009] The first display unit is configured to display the initial page of the target application in response to an operation of opening the target application, and to display a first component on top of the initial page, wherein the initial page is used to display multimedia resources containing the target object;
[0010] The second display unit is configured to display the first component changing from a first form to a second form when the display duration of the first component reaches a first duration, and to display at least one object information of the target object in the first component in the second form;
[0011] The third display unit is configured to display the page associated with the object information in response to a trigger operation on any type of object information.
[0012] In some embodiments, the second display unit is configured to gradually increase the display area of the first component when the display duration of the first component reaches a first duration, until the shape of the first component changes to the second shape.
[0013] In some embodiments, the second display unit is further configured to display an entrance animation of the at least one object information in the first component during the transformation of the form of the first component. The entrance animation is used to show that the transparency of the at least one object information gradually decreases, or to show that the at least one object information flies into the first component from any edge of the initial page.
[0014] In some embodiments, the first component further displays a first prompt message, which is used to prompt the triggering of the first component;
[0015] The second display unit is further configured to shrink the first prompt information during the process of changing the form of the first component, so that the shrunken first prompt information is located at a preset position within the first component.
[0016] In some embodiments, the second display unit is further configured to determine the motion trajectory of the first component based on the display position of the first component in the first form and the display position of the first component in the second form; and to move the first component according to the motion trajectory during the process of changing the form of the first component.
[0017] In some embodiments, the second display unit is further configured to, in response to a triggering operation on the initial page, display the first component changing from the first form to the second form when the display duration of the first component has not reached the first duration; or, in response to an expansion operation on the first component, display the first component changing from the first form to the second form when the display duration of the first component has not reached the first duration.
[0018] In some embodiments, the object information is a search control containing search keywords associated with the target object, and the target object is associated with multiple search keywords; the device further includes:
[0019] The determining unit is configured to determine the display duration of the search keywords contained in the search control when the search control is displayed in the first component;
[0020] The second display unit is further configured to display a first keyword in the search control when the display duration of the search keyword reaches a second duration, wherein the first keyword is any search keyword other than the search keyword among the plurality of search keywords.
[0021] In some embodiments, the object information is a search control containing search keywords associated with the target object; the third display unit is configured to, when the search control is displayed in the first component, display a search results page in response to a triggering operation on the search control, the search results page displaying search results matching the search keywords contained in the search control.
[0022] In some embodiments, the object information is virtual resources used to redeem the target object; the third display unit is configured to, when the virtual resources are displayed in the first component, display a page for claiming the virtual resources in response to a triggering operation on the virtual resources; or, when the virtual resources are displayed in the first component, display a page for redeeming the target object in response to a triggering operation on the virtual resources, the page being used to redeem the target object using the claimed virtual resources.
[0023] In some embodiments, the apparatus further includes:
[0024] The fourth display unit is configured to display the details page of the target object in response to a trigger operation on the first component.
[0025] In some embodiments, the first display unit is further configured to display a second prompt message on top of the initial page when the details page of the target object is a page provided by the target application, the second prompt message being used to prompt that the target application will jump to the details page after triggering the first component; and to display a third prompt message on top of the initial page when the details page of the target object is a page provided by any application other than the target application, the third prompt message being used to prompt that the first component will jump to the application after triggering the first component.
[0026] In some embodiments, the second display unit is further configured to display the first component according to a preset dynamic effect when the display duration of the first component in the second form reaches a third duration.
[0027] In some embodiments, the apparatus further includes:
[0028] The fifth display unit is configured to display a multimedia resource page when the display duration of the initial page reaches the fourth duration. The multimedia resource page displays multimedia resources containing the target object or multimedia resources published by any object account.
[0029] In some embodiments, the first component is displayed on the upper layer of the multimedia resource page. The fifth display unit is further configured to, when the display duration of the first component in the multimedia resource page reaches a fifth duration, block the first component on the multimedia resource page; or, when the number of multimedia resources displayed on the multimedia resource page reaches a preset number, switch the search keyword displayed in the first component to a third keyword, wherein the third keyword is a search keyword associated with the multimedia resources displayed on the multimedia resource page.
[0030] In some embodiments, a second component is also displayed above the initial page, and the fifth display unit is further configured to display multimedia resources published by any object account on the multimedia resource page in response to a triggering operation on the second component if the display duration of the initial page has not reached the fourth duration.
[0031] According to another aspect of the embodiments of this disclosure, an electronic device is provided, the electronic device comprising:
[0032] One or more processors;
[0033] Memory used to store the executable program code of the processor;
[0034] The processor is configured to execute the program code to implement the page display method described above.
[0035] According to another aspect of the present disclosure, a computer-readable storage medium is provided that, when program code in the computer-readable storage medium is executed by a processor of an electronic device, enables the electronic device to perform the page display method described above.
[0036] According to another aspect of the present disclosure, a computer program product is provided, including a computer program that, when executed by a processor, implements the above-described page display method.
[0037] This disclosure provides a page display scheme that, after an application is launched, first displays multimedia resources for promoting a target audience on the application's initial page, and then displays a first component on top of the initial page. Then, after the first component has been displayed for a certain duration, its form is changed, and at least one type of object information of the target audience is displayed in the changed first component. This enriches the display style of the first component, increases the amount of information displayed, thereby improving the user's viewing experience of the initial page and enhancing human-computer interaction efficiency.
[0038] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description
[0039] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure, and are not intended to unduly limit this disclosure.
[0040] Figure 1 This is a schematic diagram illustrating an implementation environment of a page display method according to an exemplary embodiment.
[0041] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment.
[0042] Figure 3 This is a flowchart illustrating another page display method according to an exemplary embodiment.
[0043] Figure 4 This is a schematic diagram illustrating an initial page according to an exemplary embodiment.
[0044] Figure 5 This is a schematic diagram illustrating a transformation of the form of a first component according to an exemplary embodiment.
[0045] Figure 6 This is a schematic diagram illustrating another transformation of the form of the first component according to an exemplary embodiment.
[0046] Figure 7 This is a schematic diagram illustrating a carousel search keyword according to an exemplary embodiment.
[0047] Figure 8 This is a schematic diagram illustrating object information according to an exemplary embodiment.
[0048] Figure 9 This is a schematic diagram illustrating a first component with dynamic effects according to an exemplary embodiment.
[0049] Figure 10 This is a block diagram illustrating a page display device according to an exemplary embodiment.
[0050] Figure 11 This is a block diagram illustrating another page display device according to an exemplary embodiment.
[0051] Figure 12 This is a block diagram illustrating an electronic device according to an exemplary embodiment. Detailed Implementation
[0052] To enable those skilled in the art to better understand the technical solutions of this disclosure, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings.
[0053] It should be noted that the terms "first," "second," etc., used in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this disclosure as detailed in the appended claims.
[0054] It should be noted that all information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.), and signals involved in this disclosure are authorized by the user or fully authorized by all parties, and the collection, use, and processing of related data must comply with the relevant laws, regulations, and standards of the relevant countries and regions. For example, the first component and search keywords involved in this disclosure were obtained with full authorization.
[0055] Figure 1 This is a schematic diagram illustrating an implementation environment for a page display method according to an exemplary embodiment. See also... Figure 1 The implementation environment specifically includes: terminal 101 and server 102. Terminal 101 can be connected to server 102 via wireless network or wired network.
[0056] Terminal 101 can be at least one of the following devices: smartphone, smartwatch, desktop computer, laptop, MP3 player (Moving Picture Experts Group Audio Layer III), MP4 player (Moving Picture Experts Group Audio Layer IV), and laptop computer. A target application is installed on terminal 101. The target application can be any application in the electronic device, such as a media application, social application, shopping application, etc., and this embodiment of the disclosure does not limit this. When the target application is launched, it can display an initial page, through which the user can learn more information, such as best-selling items and popular events. Server 102 can be the backend server of the target application, and server 102 is used to provide backend services for the target application.
[0057] Terminal 101 can refer to one of a plurality of terminals, and this embodiment uses terminal 101 as an example. Those skilled in the art will know that the number of terminals can be more or less. For example, there can be several terminals, or dozens or hundreds of terminals, or more. This embodiment does not limit the number of terminals or the type of devices.
[0058] Server 102 can be at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Optionally, the number of servers may be more or fewer, and this disclosure does not limit this. Of course, server 102 may also include other functional servers to provide more comprehensive and diversified services. In some embodiments, server 102 undertakes the main computing work, and terminal 101 undertakes the secondary computing work; or, server 102 undertakes the secondary computing work, and terminal 101 undertakes the main computing work; or, server 102 and terminal 101 collaborate on computing using a distributed computing architecture. Server 102 can be connected to terminal 101 and other terminals via a wireless network or a wired network. Optionally, the number of servers may be more or fewer, and this disclosure does not limit this.
[0059] Figure 2 This is a flowchart illustrating a page display method according to an exemplary embodiment, such as... Figure 2 As shown, the method is performed by an electronic device and includes the following steps:
[0060] In step S201, in response to the opening operation of the target application, the electronic device displays the initial page of the target application and displays the first component on top of the initial page.
[0061] In this embodiment of the disclosure, the electronic device has a target application installed or running. The target application can be any type of application, such as a video application, a social application, or a shopping application; this embodiment of the disclosure is not limited to this. After the user launches the target application through the electronic device, the electronic device displays the target application's initial page. The initial page refers to the page displayed after the target application is launched and before its application page is displayed. The initial page can also be called the splash screen.
[0062] In response to a user's activation of the target application, the electronic device displays the target application's initial page and a first component on top of the initial page. The initial page displays multimedia resources containing the target object. These multimedia resources can be videos, images, or text, etc. The target object can be a product, event, or service, etc., and this embodiment does not limit the scope of the application. The first component is used to redirect to the target object's details page upon activation.
[0063] For example, when the target object is a product, in response to a triggering operation on the first component, the electronic device redirects to the product's details page. When the target object is an event, in response to a triggering operation on the first component, the electronic device redirects to the event's event page.
[0064] In step S202, when the display duration of the first component reaches a first duration, the electronic device displays the first component changing from a first form to a second form, and displays at least one object information of the target object in the first component in the second form.
[0065] In this embodiment, the electronic device tracks the display duration of the first component. When the display duration of the first component reaches a first duration, the electronic device displays the first component changing from a first form to a second form, and displays at least one type of object information of the target object in the first component of the second form. The display area of the first component of the second form is larger than the display area of the first component of the first form. The object information may include a search control containing search keywords associated with the target object, an image of the target object, evaluation information of the target object, or virtual resources used to redeem the target object, etc.
[0066] For example, if the target object is a product, the object information of the target object may include product images, product reviews, coupons for redeeming the product, or a search control containing the product name as the search keyword.
[0067] In step S203, in response to a triggering operation on any type of object information, the electronic device displays a page associated with the object information.
[0068] In this embodiment of the disclosure, if a user is interested in any type of object information displayed within the first component, the user can trigger that object information to view its detailed information. In response to the user's triggering operation on any type of object information, the electronic device displays the page associated with that object information.
[0069] For example, taking a product as the target object, in response to a user's triggering of the search control, the electronic device displays multiple search results matching the product name on the search results page. Alternatively, in response to a user's triggering of product reviews, the electronic device displays multiple reviews for the product on the product's review page.
[0070] This disclosure provides a page display method that, after an application is launched, first displays multimedia resources for promoting a target object on the application's initial page, and then displays a first component on top of the initial page. Then, after the first component has been displayed for a certain duration, its form is changed to display at least one type of object information of the target object in the changed first component. This enriches the display style of the first component, increases the amount of information displayed, improves the user's viewing experience of the initial page, and enhances human-computer interaction efficiency.
[0071] In some embodiments, when the display duration of the first component reaches a first duration, displaying the first component changing from a first form to a second form includes:
[0072] When the display duration of the first component reaches the first duration, the display area of the first component gradually increases until the shape of the first component changes to the second shape.
[0073] In this embodiment of the disclosure, by gradually increasing the display area of the first component when the display duration of the first component reaches the first duration, the area ratio occupied by the first component in the initial page can be gradually increased, thereby gradually increasing the prominence of the first component in the initial page and improving the efficiency of information transmission.
[0074] In some embodiments, the method further includes:
[0075] During the transformation of the first component, an entrance animation of at least one object is displayed in the first component. The entrance animation is used to show that the transparency of at least one object gradually decreases, or to show that at least one object flies into the first component from any edge of the initial page.
[0076] In this embodiment of the disclosure, by displaying an entrance animation of at least one object information during the transformation of the first component's form, not only can the transformation process of the first component be dynamically presented, enhancing the visual effect of the first component, but also at least one object information can be displayed in the first component, thereby improving the amount of information transmitted and the efficiency of information transmission by the first component.
[0077] In some embodiments, the first component further displays a first prompt message, which is used to prompt the triggering of the first component; the method further includes:
[0078] During the process of changing the shape of the first component, the first prompt information is reduced in size so that the reduced first prompt information is located in a preset position within the first component.
[0079] In this embodiment of the disclosure, by reducing the size of the prompt information displayed in the first component during the morphological transformation process, the object information displayed in the first component can be made more prominent, which not only improves the efficiency of information transmission, but also provides rich information display styles and enhances the diversity of information expression.
[0080] In some embodiments, the method further includes:
[0081] Based on the display position of the first component in the first form and the display position of the first component in the second form, the motion trajectory of the first component is determined;
[0082] During the transformation of the first component's shape, the first component moves according to the motion trajectory.
[0083] In this embodiment of the disclosure, by moving the display position of the first component during the process of changing the shape of the first component, the first component can have a more prominent visual effect, thereby improving the efficiency of transmitting information through the first component.
[0084] In some embodiments, the method further includes:
[0085] If the display duration of the first component has not reached the first duration, in response to the triggering operation on the initial page, the first component changes from the first form to the second form; or,
[0086] If the display duration of the first component has not reached the first duration, in response to the expansion operation of the first component, the first component is displayed to change from the first form to the second form.
[0087] In this embodiment of the disclosure, through the above two situations, the user can manually change the form of the first component, which not only makes it easier to view the first component with various forms, but also allows the first component to convey rich object information, thereby improving the efficiency of human-computer interaction and the amount of information conveyed by the first component.
[0088] In some embodiments, the object information is a search control containing search keywords associated with the target object, and the target object is associated with multiple search keywords; the method further includes:
[0089] If a search control is displayed in the first component, determine the display duration of the search keywords contained in the search control;
[0090] If the display duration of the search keyword reaches the second duration, the first keyword will be displayed in the search control. The first keyword is any search keyword other than the search keyword among multiple search keywords.
[0091] In this embodiment of the disclosure, by switching the search keywords displayed in the search control when the display duration of the currently displayed search keyword in the search control reaches the second duration, it is possible to achieve the carousel display of multiple search keywords in the search control, thereby improving the amount of messages transmitted by the first component and the efficiency of human-computer interaction.
[0092] In some embodiments, the object information is a search control containing search keywords associated with the target object; in response to a triggering operation on any type of object information, a page associated with the object information is displayed, including:
[0093] If a search control is displayed in the first component, a search results page is displayed in response to a triggering operation on the search control. The search results page displays search results that match the search keywords contained in the search control.
[0094] In this embodiment of the disclosure, by displaying a search control containing search keywords in the first component and responding to a triggering operation on the search control to display a search results page, an efficient and convenient search experience can be provided. This allows users to search for search keywords associated with the target object simply by clicking the search control when interested in the target object, thereby improving search efficiency.
[0095] In some embodiments, the object information is a virtual resource used to redeem a target object; in response to a triggering operation on any type of object information, a page associated with the object information is displayed, including:
[0096] If virtual resources are displayed in the first component, in response to a triggering operation on the virtual resources, a page for claiming the virtual resources is displayed; or,
[0097] If virtual resources are displayed in the first component, in response to a triggering operation on the virtual resources, the redemption page for the target object is displayed. The redemption page is used to redeem the target object using the virtual resources already claimed.
[0098] In this embodiment of the disclosure, by displaying virtual resources in the first component and responding to the triggering operation of the virtual resources to display the claim page or the redemption page, not only can more intuitive preferential information be provided on the initial page, but also users can claim virtual resources by clicking if they are interested in them, thereby improving the user experience and human-computer interaction efficiency.
[0099] In some embodiments, the method further includes:
[0100] In response to a trigger action on the first component, display the details page of the target object.
[0101] In this embodiment of the disclosure, by triggering the first component to display the details page of the target object, it is convenient for users to view more detailed information about the target object on the details page when they are interested in the target object, thereby improving the user experience and human-computer interaction efficiency.
[0102] In some embodiments, the method further includes:
[0103] When the details page of the target object is a page provided by the target application, a second prompt message is displayed above the initial page. The second prompt message is used to prompt that the target application will jump to the details page after the first component is triggered.
[0104] If the details page of the target object is a page provided by any application other than the target application, a third prompt message is displayed above the initial page. The third prompt message is used to prompt that the application will be redirected after the first component is triggered.
[0105] In this embodiment of the disclosure, by displaying prompts for jump operations on the upper layer of the splash screen, the jump operations that may be performed can be conveyed intuitively, allowing users to decide whether to jump based on the prompts, thereby improving the amount of information conveyed and the efficiency of human-computer interaction.
[0106] In some embodiments, the method further includes:
[0107] When the display duration of the first component in the second form reaches the third duration, the first component is displayed according to the preset dynamic effect.
[0108] In this embodiment of the disclosure, by displaying the first component according to a preset dynamic effect, the visual effect of the first component can be further highlighted, thereby further enhancing the display effect of the first component.
[0109] In some embodiments, the method further includes:
[0110] If the initial page has been displayed for four hours, a multimedia resource page will be displayed. The multimedia resource page will display multimedia resources containing the target object or multimedia resources published by any object account.
[0111] In this embodiment of the disclosure, by continuing to display the promotional video on the multimedia resource page after the splash screen display ends, the display format of the promotional video can be enriched, the display duration of the promotional video can be increased, and the information richness of the promotional video can be improved. By displaying multimedia resources published by the user account on the multimedia resource page after the splash screen display ends, users can use the services of the target application, improving human-computer interaction efficiency.
[0112] In some embodiments, a first component is displayed on top of the multimedia resource page, and the method further includes:
[0113] If the display duration of the first component within the multimedia resource page reaches the fifth duration, then the first component will be hidden on the multimedia resource page; or,
[0114] When the number of multimedia resources displayed on the multimedia resource page reaches a preset number, the search keyword displayed in the first component will be switched to the third keyword, which is a search keyword associated with the multimedia resources displayed on the multimedia resource page.
[0115] In this embodiment of the disclosure, by disabling the first component after it has been displayed for a period of time, the situation where the first component continuously obscures the multimedia resource page, resulting in a poor viewing experience for the user, can be avoided. Furthermore, by promptly switching the search keywords in the search box of the first component to search keywords related to the currently displayed multimedia resource after displaying multiple multimedia resources, the continuous display of search keywords unrelated to the multimedia resource can be avoided, thereby improving the amount of information conveyed and the efficiency of human-computer interaction.
[0116] In some embodiments, a second component is also displayed on top of the initial page, and the method further includes:
[0117] If the initial page display duration has not reached the fourth duration, in response to the triggering operation of the second component, display the multimedia resources published by any object account on the multimedia resources page.
[0118] In this embodiment of the disclosure, by displaying the second component on the initial page, users can manually skip the initial page, thereby improving human-computer interaction efficiency and user experience.
[0119] The above Figure 2 The diagram illustrates one page display process of this disclosure. The page display scheme provided by this disclosure will be further elaborated below. Figure 3This is a flowchart illustrating another page display method according to an exemplary embodiment, the method being performed by an electronic device, see [link to flowchart]. Figure 3 The method includes:
[0120] In step S301, in response to the opening operation of the target application, the electronic device displays the initial page of the target application and displays the first component on top of the initial page.
[0121] In this embodiment of the disclosure, the target application can be any application in the electronic device, such as a video application, a social application, a shopping application, etc., and this embodiment of the disclosure does not limit this. Optionally, a shortcut to the target application is displayed on the virtual desktop of the electronic device, and the user can open the target application by triggering the shortcut. Accordingly, in response to the user's operation to open the target application, the electronic device displays the initial page of the target application, that is, the splash screen page, and displays the first component on top of the initial page.
[0122] The initial page displays multimedia resources containing the target object. These multimedia resources are used to introduce the target object. The multimedia resources can be videos, images, or text, and the target object can be a product, event, or service, etc., without limitation in this embodiment. The first component is a touch-sensitive component that floats on top of the initial page. Upon triggering, the first component redirects to the target object's details page, allowing the user to view detailed information about the target object.
[0123] For example, when the target object is a product, the multimedia resource could be a promotional video showcasing the product. In response to a user's triggering action on the first component, the electronic device redirects to the product's purchase page, allowing the user to buy the product or view its various parameters. Alternatively, when the target object is an event, the multimedia resource could be a video showcasing the event. In response to a user's triggering action on the first component, the electronic device redirects to the event's activity page, allowing the user to participate in the event.
[0124] Figure 4 This is a schematic diagram illustrating an initial page according to an exemplary embodiment. For example... Figure 4 As shown, the initial page displays multimedia resources 401 containing the target object. Above the initial page is a first component 402. Within the first component 402, a prompt message "Swipe up or click to unlock surprise" is displayed, prompting the user to swipe up or click within the first component to navigate to the target object's details page.
[0125] It should be noted that, in Figure 4The initial page shown illustrates the example of a swipe up or a click as the trigger action for the first component. In some embodiments, the trigger action for the first component can also be a double-click, a long-press, or a swipe in any direction; this disclosure limits these actions. Furthermore, Figure 4 A first component with a rounded rectangle shape is shown. In some embodiments, the shape of the first component may also be a rectangle, an ellipse, or a circle, etc. The specific display style of the first component is not limited in the embodiments of this disclosure.
[0126] In step S302, the electronic device counts the display duration of the first component.
[0127] In this embodiment of the disclosure, since the electronic device can display the first component on top of the initial page while simultaneously displaying the initial page after the target application is launched, the electronic device can determine the display duration of the first component by measuring the time interval between the launch time of the target application and the current time. Alternatively, the electronic device can also determine the display duration of the first component by measuring the time interval between the start time of the initial page and the current time.
[0128] In step S303, the electronic device determines whether to change the first component from the first form to the second form based on the display duration of the first component.
[0129] In this embodiment, the electronic device can monitor the display duration of the first component in real time, and when the display duration reaches a preset duration, promptly change the form of the first component, that is, change the first component from a first form to a second form. Compared to the first component in the first form, the first component in the second form has a larger display area and displays more information. Optionally, Figure 4 The first component 402 shown is the first component of the first form.
[0130] In addition to changing the form of the first component based on its display duration, the electronic device can also change the form of the first component based on detected operations, thus allowing users to manually change the form of the first component by performing corresponding operations. The following mainly describes the process of changing the form of the first component in the following three situations.
[0131] Scenario 1: If the display duration of the first component has not reached the first duration, in response to the triggering operation of the initial page, the electronic device displays the first component changing from the first form to the second form, and displays at least one object information of the target object in the first component in the second form.
[0132] The first duration can be a preset duration, such as 1 second, 1.5 seconds, or 2 seconds; this embodiment does not impose any limitation on this. The triggering operation on the initial page can be any type of operation, such as clicking, long-pressing, or swiping any area within the initial page; this embodiment does not impose any limitation on this. The object information includes a search control containing search keywords associated with the target object, an image of the target object, evaluation information of the target object, or virtual resources used to redeem the target object, etc.
[0133] For example, taking a product as the target object. If the display duration of the first component is less than 1.5 seconds, in response to the user's click on the initial page, the electronic device displays an animation on the top layer of the initial page showing the first component changing from its first form to its second form, and displays a search control within the first component. This search control contains search keywords for the product name.
[0134] It should be noted that in some embodiments, in response to a triggering operation on the initial page, the electronic device can also directly jump to the details page of the target object. In other words, regardless of whether the user triggers the initial page or the first component displayed at the top of the initial page, the electronic device can jump to the details page of the target object so that the user can understand the detailed information of the target object, thereby improving the efficiency of human-computer interaction.
[0135] Case 2: If the display duration of the first component has not reached the first duration, in response to the unfolding operation of the first component, the electronic device displays the first component changing from a first form to a second form, and displays at least one object information of the target object in the first component in the second form.
[0136] The operation to expand the first component can be different from the operation to trigger the first component. For example, the trigger operation for the first component is an upward swipe or a click operation, while the expansion operation for the first component is a downward swipe operation. Alternatively, the operation to expand the first component can also be a trigger operation for an expandable control. The expandable control is displayed on the top layer of the initial page. The expandable control can be displayed inside or outside the first component, and this embodiment of the disclosure does not impose any limitations on this.
[0137] Through the two scenarios described above, users can manually change the form of the first component, which not only allows them to conveniently view the diverse forms of the first component, but also enables them to convey rich object information, thus improving the efficiency of human-computer interaction and the amount of information displayed by the first component.
[0138] Scenario 3: When the display duration of the first component reaches the first duration, the electronic device displays the first component changing from the first form to the second form, and displays at least one object information of the target object in the first component in the second form.
[0139] For example, taking a product as the target object. When the first component is displayed for 1.5 seconds, the electronic device displays an animation on the top layer of the initial page showing the first component changing from a first form to a second form, and displays a search control within the first component. This search control contains search keywords for the product name.
[0140] It should be noted that if the first component has changed to the second form after the first component has been displayed for a certain duration, the electronic device will maintain the form of the first component unchanged.
[0141] The following section will use scenario three as an example to explain the process of morphological transformation of the first component.
[0142] In some embodiments, the electronic device can display an entrance animation of object information in a first component while simultaneously displaying the aforementioned form-changing animation. When the display duration of the first component reaches a first duration, the electronic device gradually increases the display area of the first component until the first component changes to a second form. During the transformation of the first component's form, the electronic device displays an entrance animation of at least one object information in the first component. This entrance animation displays a gradual decrease in the transparency of at least one object information. For example, the entrance animation shows a search control containing search keywords gradually changing from completely transparent to completely opaque. Alternatively, the entrance animation can also display at least one object information flying into the first component from any edge of the initial page. For example, the entrance animation shows the search control flying into the first component from the bottom edge of the initial page. By gradually increasing the display area of the first component when its display duration reaches the first duration, the proportion of area occupied by the first component on the initial page can be gradually increased, thereby gradually increasing the prominence of the first component on the initial page and improving information transmission efficiency. By displaying an entrance animation of at least one object information during the transformation of the first component's form, not only can the transformation process of the first component be dynamically presented, enhancing the visual effect of the first component, but also at least one object information can be displayed in the first component, thereby improving the amount of information conveyed and the efficiency of information transmission.
[0143] In some embodiments, the first component further displays a first prompt message. This first prompt message is used to prompt the triggering of the first component. For example, see the above description. Figure 4The first prompt message is "Swipe up or tap to unlock surprise" displayed within the first component. The electronic device can gradually shrink this first prompt message as the first component changes shape, ensuring it is positioned within a preset location within the first component. By shrinking the prompt message within the first component during shape changes, the displayed information becomes more prominent, improving information delivery efficiency, providing richer information display styles, and enhancing the diversity of information expression.
[0144] Figure 5 This is a schematic diagram illustrating a transformation of the form of a first component according to an exemplary embodiment. For example... Figure 5 As shown in (a), after the target application is launched, the electronic device displays the initial page of the target application and displays the first component 501 in a first form on top of the initial page. When the display duration of the first component reaches a first duration, the display area of the first component gradually increases to transform the form of the first component into a second form with a larger display area. Additionally, as... Figure 5 As shown in (b) above, during the shape transformation process, the electronic device can also display that the first prompt information within the first component gradually shrinks and the transparency of the first prompt information gradually increases. Furthermore, as... Figure 5 As shown in (c), during the shape transformation process, the electronic device can also display a search control 502 with gradually decreasing transparency within the first component. This search control displays search keywords associated with the target object "xx item". Figure 5 (d) in the diagram illustrates a first component of a second form. For example... Figure 5 As shown in (d), compared to the first component of the first form, the first component of the second form has a larger display area, a smaller font size for the first prompt message, and higher transparency for the first prompt message, making the first prompt message less noticeable. Compared to Figure 5 The search control shown in (c) has lower transparency in the first component of the second form, giving it a more prominent visual effect, that is, making it more noticeable.
[0145] In some embodiments, the electronic device can also move the display position of the first component while displaying the animation of the aforementioned shape transformation. The electronic device determines the motion trajectory and speed of the first component based on the display position of the first component in the first shape and the display position of the first component in the second shape. Then, during the shape transformation of the first component, the electronic device displays an image of the first component moving along the motion trajectory and at the specified speed on top of the initial page. By moving the display position of the first component during the shape transformation, the first component can have a more prominent visual effect, improving the efficiency of information transmission through the first component.
[0146] Figure 6 This is a schematic diagram illustrating another transformation of the form of the first component according to an exemplary embodiment. For example... Figure 6 As shown in (a), the initial page displays a first component 601 in a first form on its upper layer. When the display duration of the first component 601 reaches a first duration, the electronic device performs a form transformation on the first component 601, resulting in the following... Figure 6 The first component 602 in the second form shown in (b) is also capable of moving the first component from the display position where the first component 601 is located to the display position where the first component 602 is located during the form change.
[0147] In some embodiments, the target object is associated with multiple search keywords. For example, the multiple search keywords associated with the target object include the name of the target object, terms related to the target object, etc. The electronic device can also rotate and display multiple search keywords associated with the target object in the search control. Specifically, when a search control is displayed in the first component, the electronic device determines the display duration of the search keywords contained in the search control. When the display duration of the search keyword reaches a second duration, the electronic device displays a first keyword in the search control. The first keyword is any search keyword other than the first keyword among the multiple search keywords. The second duration can be a preset duration, such as 0.5 seconds or 1 second, and this embodiment of the present disclosure does not limit this. By switching the search keywords displayed in the search control when the display duration of the currently displayed search keyword in the search control reaches the second duration, it is possible to rotate and display multiple search keywords in the search control, thereby improving the amount of messages transmitted by the first component and the efficiency of human-computer interaction.
[0148] Figure 7 This is a schematic diagram illustrating a carousel search keyword according to an exemplary embodiment. For example... Figure 7 As shown in (a), the first component displays a search control. The search control contains the search keyword "new arrivals of xx item" associated with the target object "xx item". After the search keyword "new arrivals of xx item" is displayed for 1 second, the electronic device switches the search keyword contained in the search control to another search keyword associated with "xx item", "xx item price", which is to say, it displays... Figure 7 The page shown in (b) above. Similarly, after the search keyword "xx item price" is displayed for 1 second, the electronic device displays... Figure 7 The page shown in (c) is shown in the image.
[0149] The above embodiments are mainly illustrated using the example of displaying a search control within the first component. In some embodiments, the first component may also display one or more of the following: an image of the target object, evaluation information of the target object, and virtual resources for redeeming the target object. Figure 8 This is a schematic diagram illustrating object information according to an exemplary embodiment. For example... Figure 8 As shown, the first component may display at least one type of object information, such as a search control, an image of the target object 801, evaluation information of the target object 802, and a coupon 803 for redeeming the target object.
[0150] In step S304, in response to a triggering operation on any type of object information in the first component, the electronic device displays a page associated with the object information.
[0151] In this embodiment of the disclosure, if a user is interested in any type of object information displayed within the first component, the user can trigger the object information to redirect the electronic device to a page associated with that object information, where the user can view detailed information about the object information. Accordingly, in response to the user's triggering operation on any type of object information, the electronic device displays the page associated with that object information.
[0152] For example, taking a product as the target object, in response to a user's action of reviewing the product, the electronic device displays multiple reviews for that product on the product's review page. Alternatively, in response to a user's action of viewing a product image, the electronic device displays the product's purchase page, allowing the user to view more product images or purchase the product.
[0153] In some embodiments, when a search control is displayed in the first component, the electronic device displays a search results page in response to a user's triggering action on the search control. The search results page displays search results that match the search keywords contained in the search control. By displaying a search control containing search keywords in the first component and responding to triggering actions on the search control to display the search results page, an efficient and convenient search experience can be provided. This allows users to search for search keywords associated with a target object simply by clicking the search control if they are interested in that object, thus improving search efficiency.
[0154] In some embodiments, when virtual resources are displayed in the first component, in response to a user's triggering operation on the virtual resources, the electronic device displays a virtual resource claiming page, allowing the user to claim the virtual resources on the claiming page. Alternatively, when virtual resources are displayed in the first component, in response to a user's triggering operation on the virtual resources, the electronic device displays a target object redemption page and defaults to issuing the virtual resources to the user, allowing the user to redeem the target object using the virtual resources on the redemption page. Redeeming the target object using virtual resources can offset a portion of the resources required to redeem the target object. Virtual resources can be coupons, discount coupons, vouchers, red envelopes, etc., and this disclosure does not limit this. By displaying virtual resources in the first component and responding to triggering operations on the virtual resources to display a claiming page or a redemption page, not only can preferential information be intuitively conveyed on the initial page, but users can also claim virtual resources simply by clicking if they are interested, improving the amount of information conveyed and the efficiency of human-computer interaction.
[0155] In step S305, in response to the triggering operation of the first component, the electronic device displays a details page of the target object.
[0156] In this embodiment, the first component is a triggerable component. Whether it's the first component in its first or second form, the user can trigger the first component to redirect the electronic device to the details page of the target object. Optionally, when the first component is in its first form, the triggering operation can be a swipe-up operation or a click operation within the first component. When the first component is in its second form, the triggering operation can be a swipe-up operation or a click operation within a target area of the first component. The target area is the area within the first component excluding the area containing the object information. By triggering the first component to display the details page of the target object, users can easily view more detailed information about the target object on the details page when they are interested in it, improving the user experience and human-computer interaction efficiency.
[0157] The details page for a target object displays detailed information about that object. For example, if the target object is a product, the product's details page could be the product's purchase page. If the target object is an event, the event's details page could be the event page.
[0158] In some embodiments, the electronic device can also display a prompt message for a jump operation on the initial page, indicating to the user the jump operation that will be performed after triggering the first component. When the details page of the target object is a page provided by the target application, the electronic device displays a second prompt message above the initial page. The second prompt message indicates that after triggering the first component, the user will be jump to the details page within the target application. When the details page of the target object is a page provided by any application other than the target application, the electronic device displays a third prompt message above the initial page. The third prompt message indicates that after triggering the first component, the user will be jump to the application that provides the details page. By displaying a prompt message for a jump operation above the splash screen, the possible jump operation can be intuitively conveyed, allowing the user to decide whether to jump based on the prompt message, thereby improving the amount of information conveyed and the efficiency of human-computer interaction.
[0159] For example, see the above. Figure 8 When the target object is "item xx", the details page for the target object is the purchase page for item xx, which is provided by application A. Application A can be a shopping application. Therefore, while displaying the first component above the initial page, the electronic device also displays a third prompt message "Jump to application A" above the initial page, indicating to the user that triggering the first component will redirect them to the page provided by application A.
[0160] In step S306, when the display duration of the first component in the second form reaches a third duration, the electronic device displays the first component according to a preset dynamic effect.
[0161] In this embodiment, the electronic device can also count the display duration of the first component in the second form. When the display duration of the first component in the second form reaches a third duration, it indicates that the electronic device has not detected any triggering operation on the first component or on the object information. Therefore, the electronic device displays the first component according to a preset dynamic effect. The third duration can be a preset time interval, such as 1 second, 1.5 seconds, or 2 seconds; this embodiment does not limit this. The preset dynamic effect can be a shaking effect, a jittering effect, a color gradient, a size gradient, or a dynamic halo around the component, etc.; this embodiment does not limit the specific dynamic effect. By displaying the first component according to the preset dynamic effect, the visual effect of the first component can be further highlighted, thereby further enhancing the display effect of the first component.
[0162] Figure 9 This is a schematic diagram illustrating a first component with dynamic effects according to an exemplary embodiment. (See diagram below.) Figure 9As shown on the left, the first component in the second form displays a dynamic aperture around its perimeter. (As shown...) Figure 9 As shown on the right, the top layer of the initial page displays a swaying first component.
[0163] In step S307, when the display duration of the initial page reaches the fourth duration, the electronic device displays a multimedia resource page.
[0164] In this embodiment, the fourth duration is the preset display duration of the initial page. When the initial page display duration reaches the fourth duration, it indicates that the initial page display has ended. The fourth duration can be a preset time interval, such as 5 seconds, 6 seconds, or 10 seconds; this embodiment does not impose any limitation on this. Then, the electronic device displays a multimedia resource page. The multimedia resource page is the application page of the target application. The multimedia resource page displays multimedia resources containing the target object or multimedia resources published by any object account. In other words, after the splash screen display ends, the electronic device can continue to display the promotional video displayed on the splash screen on the multimedia resource page. Alternatively, the electronic device can also display multimedia resources such as video works, image and text collections published by user accounts on the multimedia resource page. By continuing to display the promotional video on the multimedia resource page after the splash screen display ends, the display format of the promotional video can be enriched, and the display duration of the promotional video can be increased. Simultaneously, by displaying multimedia resources published by user accounts on the multimedia resource page after the splash screen display ends, users can use the services of the target application, improving human-computer interaction efficiency.
[0165] In some embodiments, the electronic device can also display the first component on top of the multimedia resource page. Accordingly, during the process of displaying the multimedia resource page, the electronic device shrinks the first component while moving it to the top of the screen to achieve the display of the first component on top of the multimedia resource page.
[0166] It should be noted that during the process of shrinking the first component, the electronic device can mask various object information within the first component, retaining only the search control within the first component, thereby ensuring the display effect of the shrunk first component. Alternatively, the electronic device may also display the search control only on top of the multimedia resource page; this embodiment does not impose any limitations on this.
[0167] In some embodiments, when the display duration of the first component within the multimedia resource page reaches a fifth duration, the electronic device blocks the first component on the multimedia resource page. The fifth duration can be a preset duration, such as 10 seconds, 15 seconds, or 20 seconds; this embodiment does not impose a limitation on this. By blocking the first component after it has been displayed for a period of time, the situation where the first component continuously obscures the multimedia resource page, leading to a poor viewing experience for the user, can be avoided.
[0168] Alternatively, when the number of multimedia resources displayed on the multimedia resource page reaches a preset number, the electronic device switches the search keyword displayed in the first component to a third keyword. The third keyword is a search keyword related to the multimedia resources displayed on the multimedia resource page. For example, the third keyword could be the theme, keywords, or frequently occurring words within the multimedia resource. By promptly switching the search keyword in the search box of the first component to a keyword related to the currently displayed multimedia resource after displaying multiple multimedia resources, the continuous display of search keywords unrelated to the multimedia resource can be avoided, thereby improving the amount of information conveyed and the efficiency of human-computer interaction.
[0169] It should be noted that the electronic device can also block the first component when the number of multimedia resources displayed on the multimedia resource page reaches a preset number. When the display duration of the first component on the multimedia resource page reaches a fifth duration, the electronic device can also switch the search keywords displayed in the first component to the third keyword; this embodiment does not impose any limitations on this.
[0170] In step S308, if the display duration of the initial page has not reached the fourth duration, in response to the triggering operation of the second component, the electronic device displays multimedia resources published by any object account on the multimedia resource page.
[0171] In this embodiment, a second component is also displayed above the initial page. This second component is used to skip the initial page upon triggering. Therefore, even if the initial page's display duration has not reached the fourth duration, the user can manually skip the initial page by triggering the second component. Correspondingly, in response to the user's triggering of the second component, the electronic device displays multimedia resources published by any object account on the multimedia resource page, thereby facilitating the user's use of the services provided by the target application. By displaying the second component on the initial page, the user can manually skip the initial page, thereby improving human-computer interaction efficiency and user experience.
[0172] In some embodiments, the second component also displays the remaining display time of the initial page. See above. Figure 9The upper right corner of the initial page displays a second component, which also shows that the remaining display time of the initial page is 2 seconds.
[0173] This disclosure provides a page display method that, after an application is launched, first displays multimedia resources for promoting a target object on the application's initial page, and then displays a first component on top of the initial page. Then, after the first component has been displayed for a certain duration, its form is changed to display at least one type of object information of the target object in the changed first component. This enriches the display style of the first component, increases the amount of information displayed, improves the user's viewing experience of the initial page, and enhances human-computer interaction efficiency.
[0174] All of the above-mentioned optional technical solutions can be combined in any way to form optional embodiments of this disclosure, and will not be described in detail here.
[0175] Figure 10 This is a block diagram illustrating a page display device according to an exemplary embodiment. Figure 10 As shown, the device includes: a first display unit 1001, a second display unit 1002, and a third display unit 1003.
[0176] The first display unit 1001 is configured to display the initial page of the target application in response to an operation to open the target application, and to display a first component on top of the initial page. The initial page is used to display multimedia resources containing the target object.
[0177] The second display unit 1002 is configured to, when the display duration of the first component reaches a first duration, display the first component changing from a first form to a second form, and display at least one object information of the target object in the first component in the second form;
[0178] The third display unit 1003 is configured to display a page associated with the object information in response to a trigger operation on any type of object information.
[0179] In some embodiments, the second display unit 1002 is configured to gradually increase the display area of the first component when the display duration of the first component reaches a first duration, until the shape of the first component changes to a second shape.
[0180] In some embodiments, the second display unit 1002 is further configured to display an entrance animation of at least one object information in the first component during the transformation of the form of the first component. The entrance animation is used to show that the transparency of at least one object information gradually decreases, or to show that at least one object information flies into the first component from any edge of the initial page.
[0181] In some embodiments, the first component also displays a first prompt message, which is used to prompt the triggering of the first component;
[0182] The second display unit 1002 is also configured to shrink the first prompt information during the process of changing the form of the first component, so that the shrunken first prompt information is located at a preset position within the first component.
[0183] In some embodiments, the second display unit 1002 is further configured to determine the motion trajectory of the first component based on the display position of the first component in the first form and the display position of the first component in the second form; and to move the first component according to the motion trajectory during the process of changing the form of the first component.
[0184] In some embodiments, the second display unit 1002 is further configured to, in response to a triggering operation on the initial page, display the first component changing from a first form to a second form when the display duration of the first component has not reached the first duration; or, in response to an expansion operation on the first component, display the first component changing from a first form to a second form when the display duration of the first component has not reached the first duration.
[0185] In some embodiments, the object information is a search control containing search keywords associated with the target object, and the target object is associated with multiple search keywords; Figure 11 This is a block diagram illustrating another page display device according to an exemplary embodiment, such as... Figure 11 As shown, the device also includes:
[0186] The determining unit 1004 is configured to determine the display duration of the search keywords contained in the search control when a search control is displayed in the first component;
[0187] The second display unit 1002 is also configured to display a first keyword in the search control when the display duration of the search keyword reaches a second duration. The first keyword is any search keyword other than the search keyword among multiple search keywords.
[0188] In some embodiments, the object information is a search control containing search keywords associated with the target object. The third display unit 1003 is configured to display a search results page in response to a triggering operation on the search control when the search control is displayed in the first component. The search results page displays search results that match the search keywords contained in the search control.
[0189] In some embodiments, the object information is virtual resources used to redeem the target object; the third display unit 1003 is configured to, when virtual resources are displayed in the first component, display a virtual resource claiming page in response to a triggering operation on the virtual resources; or, when virtual resources are displayed in the first component, display a target object redemption page in response to a triggering operation on the virtual resources, the redemption page being used to redeem the target object using the claimed virtual resources.
[0190] In some embodiments, the apparatus further includes:
[0191] The fourth display unit 1005 is configured to display the details page of the target object in response to a trigger operation on the first component.
[0192] In some embodiments, the first display unit 1001 is further configured to display a second prompt message on top of the initial page when the details page of the target object is a page provided by the target application, the second prompt message being used to prompt that the target application will jump to the details page after triggering the first component; and to display a third prompt message on top of the initial page when the details page of the target object is a page provided by any application other than the target application, the third prompt message being used to prompt that the application will jump to the application after triggering the first component.
[0193] In some embodiments, the second display unit 1002 is further configured to display the first component according to a preset dynamic effect when the display duration of the first component in the second form reaches a third duration.
[0194] In some embodiments, the apparatus further includes:
[0195] The fifth display unit 1006 is configured to display a multimedia resource page when the display duration of the initial page reaches the fourth duration. The multimedia resource page displays multimedia resources containing the target object or multimedia resources published by any object account.
[0196] In some embodiments, the upper layer of the multimedia resource page displays a first component and a fifth display unit 1006. The fifth display unit is also configured to block the first component on the multimedia resource page when the display duration of the first component in the multimedia resource page reaches a fifth duration; or, when the number of multimedia resources displayed on the multimedia resource page reaches a preset number, the search keyword displayed in the first component is switched to a third keyword, where the third keyword is a search keyword associated with the multimedia resources displayed on the multimedia resource page.
[0197] In some embodiments, a second component is also displayed above the initial page, and the fifth display unit 1006 is further configured to display multimedia resources published by any object account on the multimedia resource page in response to a triggering operation on the second component if the display duration of the initial page has not reached the fourth duration.
[0198] This disclosure provides a page display device that, after an application is launched, first displays multimedia resources for promoting a target object on the application's initial page, and then displays a first component on top of the initial page. Then, after the first component has been displayed for a certain duration, its form is changed to display at least one type of object information of the target object in the changed first component. This enriches the display style of the first component, increases the amount of information displayed, improves the user's viewing experience of the initial page, and enhances human-computer interaction efficiency.
[0199] It should be noted that the page display device provided in the above embodiments is only an example of the division of the above functional units. In practical applications, the above functions can be assigned to different functional units as needed, that is, the internal structure of the electronic device can be divided into different functional units to complete all or part of the functions described above. In addition, the page display device and the page display method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.
[0200] Regarding the page display device in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.
[0201] Figure 12 This is a block diagram illustrating an electronic device according to an exemplary embodiment. Typically, the electronic device 1200 includes a processor 1201 and a memory 1202.
[0202] Processor 1201 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1201 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1201 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1201 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the screen. In some embodiments, processor 1201 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.
[0203] The memory 1202 may include one or more computer-readable storage media, which may be non-transitory. The memory 1202 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1202 are used to store at least one program code, which is executed by the processor 1201 to implement the page display method provided in the method embodiments of this disclosure.
[0204] In some embodiments, the electronic device 1200 may also optionally include a peripheral device interface 1203 and at least one peripheral device. The processor 1201, memory 1202, and peripheral device interface 1203 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 1203 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of the following: radio frequency circuitry 1204, display screen 1205, camera assembly 1206, audio circuitry 1207, and power supply 1208.
[0205] Peripheral device interface 1203 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 1201 and memory 1202. In some embodiments, processor 1201, memory 1202 and peripheral device interface 1203 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 1201, memory 1202 and peripheral device interface 1203 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.
[0206] The radio frequency (RF) circuit 1204 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1204 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1204 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF circuit 1204 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, etc. The RF circuit 1204 can communicate with other electronic devices via at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: metropolitan area networks (MANs), various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks (WLANs), and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 1204 may also include circuitry related to NFC (Near Field Communication), which is not limited in this disclosure.
[0207] Display screen 1205 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. When display screen 1205 is a touch display screen, it also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to processor 1201 for processing. In this case, display screen 1205 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one display screen 1205, which serves as the front panel of electronic device 1200; in other embodiments, there may be at least two display screens, respectively disposed on different surfaces of electronic device 1200 or in a folded design; in still other embodiments, display screen 1205 may be a flexible display screen, disposed on a curved or folded surface of electronic device 1200. Furthermore, display screen 1205 may also be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The display screen 1205 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).
[0208] The camera assembly 1206 is used to acquire images or videos. Optionally, the camera assembly 1206 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is located on the front panel of the electronic device, and the rear-facing camera is located on the back of the electronic device. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, a wide-angle camera, and a telephoto camera, to achieve background blurring by fusion of the main camera and the depth-sensing camera, panoramic shooting by fusion of the main camera and the wide-angle camera, VR (Virtual Reality) shooting, or other fusion shooting functions. In some embodiments, the camera assembly 1206 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm-light flash and a cool-light flash, which can be used for light compensation at different color temperatures.
[0209] The audio circuit 1207 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, converting the sound waves into electrical signals that are input to the processor 1201 for processing, or input to the radio frequency circuit 1204 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each located at a different part of the electronic device 1200. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from the processor 1201 or the radio frequency circuit 1204 into sound waves. The speaker may be a conventional diaphragm speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can convert electrical signals not only into audible sound waves but also into inaudible sound waves for purposes such as distance measurement. In some embodiments, the audio circuit 1207 may also include a headphone jack.
[0210] Power supply 1208 is used to power various components in electronic device 1200. Power supply 1208 can be AC power, DC power, a disposable battery, or a rechargeable battery. When power supply 1208 includes a rechargeable battery, the rechargeable battery can support wired charging or wireless charging. The rechargeable battery can also be used to support fast charging technology.
[0211] Those skilled in the art will understand that Figure 12 The structure shown does not constitute a limitation on the electronic device 1200, and may include more or fewer components than shown, or combine certain components, or use different component arrangements.
[0212] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 1202 including instructions, which can be executed by a processor 1201 of an electronic device 1200 to complete the page display method described above. Optionally, the computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc.
[0213] A computer program product includes a computer program that, when executed by a processor, implements the above-described page display method.
[0214] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.
[0215] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.
Claims
1. A page display method, characterized in that, The method includes: In response to the opening operation of the target application, the initial page of the target application is displayed, and a first component is displayed on top of the initial page. The initial page is used to display multimedia resources containing the target object. The initial page refers to the page displayed after the target application is launched and before the application page of the target application is displayed. The multimedia resources are used to introduce the target object. The first component displays a first prompt message, which is used to prompt the triggering of the first component. When the display duration of the first component reaches the first duration, the display area of the first component gradually increases, the first prompt information shrinks, and the entrance animation of the search control is displayed in the first component. The shrunken first prompt information is located in a preset position within the first component, and the entrance animation is used to show that the transparency of the search control gradually decreases. During the process of changing the form of the first component, the first component is moved according to the motion trajectory until the first component changes from the first form to the second form. A search control is displayed in the first component in the second form. The motion trajectory is determined based on the display position of the first component in the first form and the display position of the first component in the second form. The search control is used to rotate and display multiple search keywords associated with the target object. In response to a triggering operation on the search control, a search results page is displayed, which shows search results that match the search keywords contained in the search control.
2. The page display method according to claim 1, characterized in that, The method further includes: If the display duration of the first component has not reached the first duration, in response to the triggering operation on the initial page, the first component is displayed to change from the first form to the second form; or, If the display duration of the first component has not reached the first duration, in response to the expansion operation of the first component, the first component is displayed to change from the first form to the second form.
3. The page display method according to claim 1, characterized in that, The method further includes: When the search control is displayed in the first component, determine the display duration of the search keywords contained in the search control; When the display duration of the search keyword reaches the second duration, the first keyword is displayed in the search control. The first keyword is any search keyword other than the search keyword among the plurality of search keywords.
4. The page display method according to claim 1, characterized in that, The first component also displays virtual resources for redeeming the target object; The method further includes: If the virtual resource is displayed in the first component, in response to a triggering operation on the virtual resource, a page for claiming the virtual resource is displayed; or, When the virtual resource is displayed in the first component, in response to a triggering operation on the virtual resource, a redemption page for the target object is displayed, the redemption page being used to redeem the target object using the virtual resource already claimed.
5. The page display method according to claim 1, characterized in that, The method further includes: In response to a trigger operation on the first component, the details page of the target object is displayed.
6. The page display method according to claim 5, characterized in that, The method further includes: When the details page of the target object is a page provided by the target application, a second prompt message is displayed above the initial page. The second prompt message is used to prompt that after the first component is triggered, the target application will jump to the details page. If the details page of the target object is a page provided by any application other than the target application, a third prompt message is displayed on top of the initial page. The third prompt message is used to prompt that the application will be redirected after the first component is triggered.
7. The page display method according to claim 1, characterized in that, The method further includes: When the display duration of the first component in the second form reaches the third duration, the first component is displayed according to the preset dynamic effect.
8. The page display method according to claim 1, characterized in that, The method further includes: If the initial page is displayed for a fourth duration, a multimedia resource page is displayed, which displays multimedia resources containing the target object or multimedia resources published by any object account.
9. The page display method according to claim 8, characterized in that, The first component is displayed on the upper layer of the multimedia resource page, and the method further includes: If the display duration of the first component within the multimedia resource page reaches a fifth duration, the first component is hidden on the multimedia resource page; or, When the number of multimedia resources displayed on the multimedia resource page reaches a preset number, the search keyword displayed in the first component is switched to a third keyword, which is a search keyword associated with the multimedia resources displayed on the multimedia resource page.
10. The page display method according to claim 9, characterized in that, The initial page also displays a second component on top of it, and the method further includes: If the display duration of the initial page does not reach the fourth duration, in response to the triggering operation of the second component, multimedia resources published by any object account are displayed on the multimedia resource page.
11. A page display device, characterized in that, The device includes: The first display unit is configured to display the initial page of the target application in response to the opening operation of the target application, and to display a first component on top of the initial page. The initial page is used to display multimedia resources containing the target object. The initial page refers to the page displayed after the target application is launched and before the application page of the target application is displayed. The multimedia resources are used to introduce the target object. The first component displays a first prompt message, which is used to prompt the triggering of the first component. The second display unit is configured to gradually increase the display area of the first component, shrink the first prompt information, display an entrance animation of the search control in the first component, and the shrunken first prompt information is located at a preset position within the first component. The entrance animation is used to show that the transparency of the search control gradually decreases. During the transformation of the form of the first component, the first component is moved according to a motion trajectory until the first component changes from a first form to a second form. The search control is displayed in the first component in the second form. The motion trajectory is determined based on the display position of the first component in the first form and the display position of the first component in the second form. The search control is used to rotate and display multiple search keywords associated with the target object. The third display unit is configured to display a search results page in response to a triggering operation of the search control, the search results page displaying search results that match the search keywords contained in the search control.
12. An electronic device, characterized in that, The electronic device includes: One or more processors; Memory used to store the executable program code of the processor; The processor is configured to execute the program code to implement the page display method as described in any one of claims 1 to 10.
13. A computer-readable storage medium, characterized in that, When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device is able to perform the page display method as described in any one of claims 1 to 10.
14. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the page display method as described in any one of claims 1 to 10.
Citation Information
Patent Citations
Page processing method and device, equipment and storage medium
CN113760150A
Information display method and device, electronic equipment and storage medium
CN116415010A