Method and device for interface presentation, equipment and storage medium
By presenting object information and selecting controls in the interface, and presenting interactive effects in response to user selection, the problem of poor correlation between interactive effects and product objects in the prior art is solved, and a clearer and more accurate user interaction experience is achieved.
Patent Information
- Application Number
- CN202510221666.8
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-02-26
- Publication Date
- 2025-05-30
AI Technical Summary
In the prior art, when users choose online product objects, the interaction effects presented on the interface are poorly correlated with specific product objects, resulting in additional clicking on the shopping cart when confirming the selected product objects, which increases operational complexity and poor user experience.
In the interface, object information of multiple objects, respective selection controls of objects and an icon indicating the set of selected objects is presented. When the user selects an object, interactive effects associated with the object are presented, such as object information is moved from the presentation position to the icon position, and the relevance of the object selection and joining the set is enhanced through visual enhancement and moving special effects.
Through clear interaction special effects, the user's selected objects and the process of joining the object collection is reduced, and the uncertainty and complexity in user operations are improved, and the accuracy of user experience and interface interaction is improved.
Smart Images

Figure CN120066345A_ABST
Abstract
Description
Technical Field
[0001] Example embodiments of the present disclosure generally relate to the field of computers, and particularly to methods, apparatuses, devices, and computer-readable storage media for interface presentation. Background Art
[0002] With the development of information technology, various terminal devices can provide various services to users in aspects such as work and life. For example, applications providing services can be deployed in terminal devices. The applications can be designed to provide a variety of services to users. For example, an application can provide an online shopping service for users. Users can obtain online commodity objects presented by the application through the terminal device. Summary of the Invention
[0003] In a first aspect of the present disclosure, a method for interface presentation is provided. The method includes: presenting object information of a plurality of objects, selection controls corresponding to the plurality of objects respectively, and a first icon in a first interface, the first icon indicating a set of selected objects; and in response to a selection of a first object among the plurality of objects, presenting an interaction special effect associated with the first object, the interaction special effect at least indicating a movement of first object information of the first object from a presentation position of the first object information to a presentation position of the first icon.
[0004] In a second aspect of the present disclosure, an apparatus for interface presentation is provided. The apparatus includes: a first presentation module configured to present object information of a plurality of objects, selection controls corresponding to the plurality of objects respectively, and a first icon in a first interface, the first icon indicating a set of selected objects; and a second presentation module configured to, in response to a selection of a first object among the plurality of objects, present an interaction special effect associated with the first object, the interaction special effect at least indicating a movement of first object information of the first object from a presentation position of the first object information to a presentation position of the first icon.
[0005] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processor; and at least one memory, the at least one memory being coupled to the at least one processor and storing instructions for execution by the at least one processor. The instructions, when executed by the at least one processor, cause the device to execute the method of the first aspect.
[0006] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided. A computer program is stored on the computer-readable storage medium, and the computer program can be executed by a processor to implement the method of the first aspect.
[0007] In a fifth aspect of the present disclosure, there is provided a computer program product. The computer program product is tangibly stored in a computer storage medium and includes computer-executable instructions that, when executed by a device, cause the device to perform the method of the first aspect.
[0008] It should be understood that the content described in this content part is not intended to define the key features or important features of the embodiments of the present disclosure, nor is it used to limit the scope of the present disclosure. Other features of the present disclosure will become readily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS
[0009] In conjunction with the accompanying drawings and with reference to the following detailed description, the above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent. In the drawings, the same or similar reference numerals denote the same or similar elements, where:
[0010] Figure 1 A schematic diagram showing an example environment in which embodiments of the present disclosure can be implemented;
[0011] Figures 2A to 2E An example interface for interface presentation according to some embodiments of the present disclosure;
[0012] Figure 3 A flowchart showing an example process for interface presentation according to some embodiments of the present disclosure;
[0013] Figure 4 A schematic structural block diagram showing an example device for interface presentation according to some embodiments of the present disclosure; and
[0014] Figure 5 A block diagram of an electronic device capable of implementing multiple embodiments of the present disclosure. DETAILED DESCRIPTION OF THE EMBODIMENTS
[0015] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. On the contrary, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not used to limit the protection scope of the present disclosure.
[0016] It should be noted that the titles of any section / subsection provided herein are not restrictive. Various embodiments are described throughout this document, and any type of embodiment can be included under any section / subsection. In addition, the embodiments described in any section / subsection can be combined with any other embodiment described in the same section / subsection and / or different section / subsection in any manner.
[0017] In the description of the embodiments of the present disclosure, the term "including" and its similar terms should be understood as open inclusion, that is, "including but not limited to". The term "based on" should be understood as "at least partially based on". The term "an embodiment" or "the embodiment" should be understood as "at least one embodiment". The term "some embodiments" should be understood as "at least some embodiments". There may also be other explicit and implicit definitions hereinafter. The terms "first", "second", etc. may refer to different or the same objects. There may also be other explicit and implicit definitions hereinafter.
[0018] In the embodiments of the present disclosure, it may involve the user's data, data acquisition and / or use, etc. These aspects all comply with the corresponding laws, regulations and related provisions. In the embodiments of the present disclosure, all data collection, acquisition, processing, processing, forwarding, use, etc. are carried out on the premise that the user is aware and confirms. Accordingly, when implementing the embodiments of the present disclosure, the types, usage scopes, usage scenarios, etc. of the data or information that may be involved should be informed to the user and the user's authorization should be obtained through appropriate means according to relevant laws and regulations. The specific notification and / or authorization methods may vary according to the actual situation and application scenarios, and the scope of the present disclosure is not limited in this regard.
[0019] In the solutions of this specification and embodiments, if personal information processing is involved, it will be processed on the premise of having a legal basis (such as obtaining the consent of the personal information subject, or being necessary for performing a contract, etc.), and will only be processed within the specified or agreed scope. If the user refuses to process personal information other than the necessary information required for the basic functions, it will not affect the user's use of the basic functions.
[0020] As mentioned above, in the online e-commerce scenario, the shopping application deployed on the terminal device can support the user to add items to the shopping cart online. Currently, when the user selects an online item presented by the application through the terminal device, the terminal device can present an interactive special effect for the item selected by the user through the interface of the application. Exemplarily, if the terminal device detects the triggering of the selection control corresponding to a certain item, a prompt to add the item to the shopping cart can be presented on the interface to indicate that the user has completed the selection of the item. However, the prompt usually contains fixed content and does not clearly indicate which item has been selected. Or rather, currently, the interactive special effect presented on the interface of the application for the item selected by the user has a poor correlation with the specific item, and the prompting effect of the interactive special effect is poor. After the user selects an item, the user may need to further click on the shopping cart to confirm whether the item selected is the desired item.
[0021] Embodiments of the present disclosure propose a solution for interface presentation. The solution includes: presenting object information of multiple objects, selection controls corresponding to the multiple objects respectively, and a first icon in a first interface, where the first icon indicates a set of selected objects; and in response to the selection of a first object among the multiple objects, presenting an interaction special effect associated with the first object, where the interaction special effect at least indicates the movement of the first object information of the first object from the presentation position of the first object information to the presentation position of the first icon. In this way, after receiving a trigger for an object, an interaction special effect associated with the object can be presented in the interface, strengthening the correlation between the selection of the object and the set of objects it is added to, enabling the user to obtain clearer and more accurate interaction prompts during the interface interaction process, achieving the effect of enhancing the prompt for the user and improving the user experience.
[0022] Various example implementations of the solution are further described in detail below with reference to the accompanying drawings.
[0023] Figure 1 FIG. shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As Figure 1 shown, the example environment 100 includes: a user 110, a terminal device 120 installed with an application 130, and a server 150. In this example environment 100, the user 110 can interact with the application 130 via an interface 140 associated with the application 130 presented by the terminal device 120.
[0024] In some embodiments, the application 130 can be any suitable application that can provide services involving the selection of objects for the user 110. Exemplarily, the application 130 can be an application that supports users to purchase goods online. It should be understood that this is only an example of the application 130 without any intention of limitation. The application 130 can be any suitable type of application that provides services involving the selection of objects by the user. In Figure 1 the environment 100, the interface 140 can include various interfaces that the application 130 can provide, such as a selection interface for goods, an order payment interface for goods, an after-sales service interface for goods, and so on for a shopping application.
[0025] In some embodiments, the terminal device 120 communicates with the server 150 to implement the supply of services of the application 130. The server 150 can provide functions such as management, configuration, and maintenance of the application 130. In some embodiments, the server 150 can store data associated with the application 130, including objects to be selected, a set of objects selected by the user, and so on.
[0026] The terminal device 120 can be any type of mobile terminal, fixed terminal, or portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio / video players, digital cameras / video cameras, television receivers, radio broadcast receivers, e-book devices, gaming devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the terminal device 120 is also capable of supporting any type of user interface (such as a "wearable" circuit, etc.).
[0027] The server 150 can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. The server 150 can include, for example, a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, and so on. The server 150 can provide backend services for the application 130 in the terminal device 120.
[0028] A communication connection can be established between the server 150 and the terminal device 120. The communication connection can be established by wired or wireless means. The communication connection can include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus (USB) connection, a Wireless Fidelity (WiFi) connection, etc., and the embodiments of the present disclosure are not limited in this regard.
[0029] It should be understood that the structures and functions of the various elements in the environment 100 are described only for exemplary purposes, without implying any limitation on the scope of the present disclosure.
[0030] Various embodiments of the present disclosure will be discussed below in conjunction with specific example application scenarios. For ease of discussion, the interfaces 200A to 200E will be described with reference to Figure 1 the environment 100.
[0031] Figures 2A to 2E Exemplary interfaces 200A to 200E for interface presentation according to some embodiments of the present disclosure are shown. The interfaces 200A to 200E can be provided, for example, by Figure 1 the terminal device 120 shown.
[0032] It should be understood that the interfaces shown in the drawings are merely examples, and various interface designs may actually exist. Each graphical element in the interface may have different arrangements and different visual representations, one or more of the elements may be omitted or replaced, and there may also be one or more other elements. The embodiments of the present disclosure are not limited in this regard. In addition, hereinafter, example embodiments will be mainly described with respect to the terminal device 120. It should be understood that the actions described with respect to the terminal device 120 may be performed by the application 130 on the terminal device 120, or may be performed by the application 130 in cooperation with its server (e.g., the server 150). In some embodiments, in the scenario where the terminal device 120 cooperates with its server (e.g., the server 150) to perform, the terminal device 120 may request the server to provide the information to be presented, or the server will actively or in response to the operation of the terminal device 120 provide the information to be presented to the terminal device 120.
[0033] In an embodiment of the present disclosure, the terminal device 120 is capable of presenting a first interface of the application 130, and object information of a plurality of objects is presented in the first interface. The first interface also provides a selection control corresponding to each object, and by triggering the selection control, the corresponding object can be added to the object set. The object set includes one or more objects selected by the user, and these objects may all be from the objects presented in the first interface, or from any other appropriate interface of the application 130.
[0034] In some embodiments, the object may include an entity object or a virtual object. Object information refers to various information related to the object, which may include the name, title, attributes, description information, function information, production information, etc. of the object. The selection control is configured to trigger a selection operation on the object. The selected object set includes the set of objects that the user 110 has selected.
[0035] As an example, in an online e-commerce scenario, the object may refer to a commodity object in the application 130. The object information may include the attribute information of the commodity object (such as the name, image, price of the commodity), production information (such as the production date, production batch of the commodity), logistics information, after-sales information, etc. The selection control may refer to the add-to-cart control corresponding to the commodity object in the application 130. The selected object set may refer to the personal shopping cart of the user 110 in the application 130. It can be understood that the personal shopping cart of the user 110 contains a plurality of commodity objects that the user 110 has added to the cart historically.
[0036] As another example, in a game scenario, an object can refer to virtual items, virtual equipment, etc. in Application 130. The object information can include information such as the name, usage, and acquisition method of the virtual item, or can also include information such as the type, name, and usage effect of the virtual equipment. The selection control can refer to the selection control corresponding to the virtual item or virtual equipment in Application 130. The selected object set can refer to the backpack of the virtual character used by User 110.
[0037] As yet another example, for a music application, an object can refer to a song or audio in the music application. The object information can include information such as the name, duration, singer, and release time of the song. The selection control can refer to the favorite control corresponding to the song. The selected object set can refer to the favorite list of User 110.
[0038] It should be understood that the above only gives example application scenarios of the present disclosure, and the present disclosure can be applied to any other scenario involving the selection of objects in an application.
[0039] Figure 2A An example of the first interface 200A in Application 130 is shown. For the purpose of explanation, in this article, an online e-commerce scenario is taken as an example to explain some embodiments of the present disclosure, but it should be understood that these interfaces can be similarly applied to other scenarios. The first interface 200A presents at least a plurality of product objects, including product objects 211, 212, etc. The first interface 200A also presents the product information of each of the plurality of product objects. The product information includes: basic information (such as the name, brand, model, specification, size, color, image, material, weight, price, etc. of the product object), production information (such as the manufacturer, production date, production batch, etc.), and so on. Exemplarily, the object information of the product object 211 presented on the first interface 200A includes: the image 213, name, price, etc. of the product object 211. The first interface 200A also presents the add-to-cart controls corresponding to each of the plurality of product objects. The add-to-cart control indicates adding the corresponding product object to the shopping cart. Exemplarily, the first interface 200A presents the add-to-cart control 214 corresponding to the product object 211. The first interface 200A also presents a shopping cart icon 215. The shopping cart icon 215 indicates the shopping cart of User 110. Exemplarily, the shopping cart icon 215 includes the total number 216 of the product objects in the shopping cart.
[0040] In an embodiment of the present disclosure, if the terminal device 120 receives a selection of one or more objects presented in the first interface, it can present an interaction special effect associated with the selected one or more objects. The interaction special effect refers to a special effect associated with the interaction action of the user 110 with the terminal device 120 (i.e., the selection operation of the object). The interaction special effect can strengthen the selection of the object and the relevance between the object and the object set. In an embodiment of the present disclosure, the interaction special effect can indicate the movement of the object information of the one or more objects selected by the user 110 from the presentation position of the object information to the presentation position of the icon indicating the selected object set. By presenting the interaction special effect starting from the original position of the object, it can clearly prompt the user about the process of selecting the object and adding the selected object to the object set. The interaction special effect here can include a dynamic special effect.
[0041] Still taking the online e-commerce scenario as an example, if the user 110 expects to add one or more commodity objects to the shopping cart, it can trigger the add-to-cart controls corresponding to the one or more commodity objects. The terminal device 120 presents an interaction special effect associated with the one or more commodity objects in response to the selection of the one or more commodity objects. The interaction special effect can include the movement of the object information of the commodity object from the presentation position of the object information to the presentation position of the shopping cart icon. In this way, it can clearly prompt the user about the process of selecting the commodity object and adding the selected commodity object to the object set.
[0042] In some embodiments, the interaction special effect presented by the terminal device 120 associated with the selected one or more objects may include: presenting a visual enhancement effect of the object information by changing the object information at the presentation position of the object information of the selected one or more objects, and presenting a movement special effect of the changed object information from the presentation position of the object information to the presentation position of the icon indicating the selected object set.
[0043] In some embodiments, the visual enhancement special effect of the object information may include at least one of highlighting the bounding box of the object information and enlarging the presentation size of the object information. By presenting the visual enhancement effect of the object information at the original position of the object, it can accurately prompt the user about the selected object, so as to facilitate the user to judge whether the object associated with the visual enhancement special effect is the object expected to be selected. The movement special effect can indicate the movement of the changed object information from the presentation position of the object information to the presentation position of the icon indicating the selected object set along a determined trajectory. By presenting the movement special effect of the object information, it can clearly prompt the process of adding the selected object to the object set.
[0044] Figures 2B to 2E Shows examples of interfaces 200B to 200E corresponding to the interaction special effects associated with commodity objects in the application 130 in the online e-commerce scenario.
[0045] In some embodiments, if the terminal device 120 receives a trigger on the add-to-cart control 214 corresponding to the product object 211 through Figure 2A the interface 200A shown, a part of the interaction special effect presented by the interface 200B shown in Figure 2B can be presented. The interface 200B may include a visual enhancement special effect 221 of the image 213 of the product object 211, which is presented by changing the image 213 of the product object 211 at the presentation position of the image 213 of the product object 211.
[0046] In some embodiments, the object information for visual enhancement may be the image of the object. It should be understood that more, less, or other object information (such as text information, video information, etc.) of the object may also be visually enhanced as needed, as long as these object information can clearly prompt the selected object, and the embodiments of the present disclosure do not limit this. As an example, the image of the object may be determined as an image having a predetermined attribute among the image set configured for the object. For example, the image of the object may be determined as the main image in the image set configured for the object. As another example, the image of the object may be determined as the image being presented in the image set when the object is selected. For example, the image of the object may be determined as the image currently displayed on the first interface or the image selected by the user when triggering the selection control corresponding to the object, or a screenshot of the currently displayed image. For another example, the image of the object may be determined as the image selected or intercepted from the objects presented on the first interface when triggering the selection control corresponding to the object. For another example, the image of the object may be determined as the image of the object selected by the user.
[0047] Still taking the online e-commerce scenario as an example, in some embodiments, the image of the product object for visual enhancement may be an image having a predetermined attribute among the image set configured for the product object. It can be understood that in a shopping application, an image set including at least one image may be configured for the product object. The images in the image set may be the configured original images, or the images intercepted from the videos associated with the product object configured. A certain image in the image set may be configured as the main image of the corresponding product object. The main image of the product object may be determined as the image for visual enhancement.
[0048] In some embodiments, the image for visual enhancement can be the image being presented among the image set when the merchandise object is selected. It can be understood that in a shopping application, a merchandise object can be configured with one or more images and / or videos. The configured images and / or videos can be presented in rotation in the interface. As an example, when the user 110 triggers the selection control corresponding to the merchandise object 211, the image of the merchandise object currently presented in the interface 200A can be determined as the image for visual enhancement. As another example, when the user 110 triggers the selection control corresponding to the merchandise object 211, the image intercepted from the video of the merchandise object currently presented in the interface 200A can be determined as the image for visual enhancement.
[0049] It can be understood that in a shopping application, a merchandise object can correspond to multiple colors. When configuring the object information of the merchandise object, corresponding images can be configured for different colors of the merchandise object. Exemplarily, Figure 2A The colors of the merchandise object 211 shown in the interface 200A can include black, white, and brown. Image 1 can be configured for the black merchandise object 211, Image 2 for the white merchandise object 211, and Image 3 for the brown merchandise object 211. If the terminal device 120 receives the trigger of the selection control 214 corresponding to the merchandise object 211 by the user 110, the detailed interface of the merchandise object 211 can be presented. The user 110 can select the desired color in the detailed interface of the merchandise object 211. Exemplarily, if the user 110 selects white and confirms the selection of the merchandise object 211 in the detailed interface of the merchandise object 211, the terminal device 120 can determine Image 2 of the merchandise object 211 as the image for visual enhancement.
[0050] It should be understood that only example object information of the commodity object for visual enhancement is given here (i.e., the image of the commodity object mentioned above). In practical applications, visual enhancement effects of more, less, or other object information of the commodity object 211 can be presented as needed, as long as the object information can clearly and significantly prompt the user 110 that the selected commodity object is the commodity object 211. As an example, the terminal device 120 can present a visual enhancement effect of the commodity card corresponding to the commodity object 211. For example, after receiving the selection of the commodity object 211, the terminal device 120 can present a highlighted display of the bounding box of the commodity card corresponding to the commodity object 211 and / or an enlargement of the presentation size of the commodity card corresponding to the commodity object 211 at the presentation position of the commodity card corresponding to the commodity object 211. As another example, the terminal device 120 can present a specific attribute combination of the commodity object 211 selected by the user 110 in a visually enhanced text form (such as "the brand corresponding to the commodity object 211, the name of the commodity object 211, the color of the commodity object 211, the specification of the commodity object 211").
[0051] In some embodiments, Figure 2B The visual enhancement effect 221 of the image 213 of the commodity object 211 presented in the shown interface 200B can at least include a highlighted display of the bounding box of the image 213 of the commodity object 211. It can be understood that the interface 200B indicates the highlighted display of the bounding box of the image 213 of the commodity object 211 by presenting a bold effect of the bounding box of the image 213 of the commodity object 211. In practical applications, the highlighted display color, border thickness, dynamic effects on the border, and other related parameters of the bounding box of the image 213 of the commodity object 211 can be adjusted as needed, as long as the target area can be distinguished from other areas in the interface.
[0052] In some embodiments, Figure 2B The visual enhancement effect 221 of the image 213 of the commodity object 211 presented in the shown interface 200B can also include an enlargement of the presentation size of the image 213 of the commodity object 211. As Figure 2A and Figure 2B shown in the comparison, the size of the image of the commodity object 211 in the visual enhancement effect 221 associated with the commodity object 211 presented in the interface 200B is larger than the size of the image 213 of the commodity object 211 presented in the interface 200A.
[0053] It should be understood that the visual enhancement effect of the image of the merchandise object presented in the above example is only an example. In actual applications, other types of interactive special effects (such as 3D animation special effects) on the image 213 of the merchandise object 211 can be presented as needed, or interactive special effects on other object information of the merchandise object 211 can be presented as needed, as long as these interactive special effects can clearly prompt the user 110's selection of the merchandise object 211.
[0054] After the merchandise object is selected in the above embodiments of the present disclosure, a visual enhancement special effect on the object information of the merchandise object is presented in the original position of the merchandise object. Thereby, it can prompt the user's selection of the merchandise object. The user can visually and intuitively judge whether the merchandise object associated with the interactive special effect is the merchandise object expected to be selected, without the need to further click on the shopping cart to judge whether the merchandise object expected to be selected is successfully added. In this way, the above embodiments of the present disclosure strengthen the selection of the merchandise object in the original position of the merchandise object through the interactive special effect associated with the merchandise object. Thereby, the user can obtain clearer and more accurate interactive prompts during the interface interaction process, achieving the effect of enhancing the prompt for the user and improving the user experience.
[0055] In some embodiments, the trajectory of the changed object information moving from the presentation position of the object information to the presentation position of the icon indicating the selected object set can be determined based on the presentation position of the selected object information, the presentation position of the icon of the object set, and the trajectory shape for connecting the presentation position of the object information and the presentation position of the icon of the selected object set. The trajectory shape here can include a straight line, a curve, a wavy line, a spiral shape, etc., without specific limitation. Generally, the presentation position of the icon is fixed in the interface, and depending on the user's operation, different objects in the interface may be selected by the user. Based on the predetermined trajectory shape, by connecting the specific selected object with the object set, a moving special effect of the object information can be presented on the connected trajectory.
[0056] Figure 2B The shown interface 200B shows an example of such an interactive special effect. As Figure 2B shown, the changed image 221 of the merchandise object 211 moves from the presentation position of the image 221 of the merchandise object 211 (denoted as position 1) to the presentation position of the shopping cart icon 215 (denoted as position 2) along a determined trajectory. The trajectory of the movement of the changed image 221 of the merchandise object 211 can be determined based on position 1, position 2, and the trajectory shape connecting position 1 and position 2. Exemplarily, the trajectory of the movement of the changed image 221 of the merchandise object 211 can be Figure 2B the parabolic trajectory 222 in the shown interface 200B. During the movement of the changed image 221 of the merchandise object 211, the terminal device 120 can present as Figure 2CThe interface 200C shown. The interface 200C presents an interface at a certain moment during the movement of the image 221 of the changed merchandise object 211 along a parabolic trajectory 222 from position 1 to position 2.
[0057] Through presenting a movement special effect of the image of the merchandise object from the presentation position of the image to the presentation position of the shopping cart icon, the above embodiments of the present disclosure can strengthen the reminder of the selected merchandise object and clearly prompt the user of the process of adding the selected merchandise object to the shopping cart.
[0058] In some embodiments, the terminal device 120 can present a gradually hiding special effect of the changed object information during the movement of the object information from the presentation position of the object information to the presentation position of the icon indicating the selected set of objects. The gradually hiding special effect can indicate that the changed object information is gradually hidden at the presentation position of the icon indicating the selected set of objects. In this way, the effect of prompting the user of the process of adding the selected object to the selected set of objects can be further improved.
[0059] Figure 2D The interface 200D shown shows the movement process of the image 221 of the changed merchandise object 211. The interface 200D can present a gradually hiding special effect of the image 221 of the changed merchandise object 211. Exemplarily, the image 221 of the changed merchandise object 211 in the interface 200D gradually shrinks to the image 231 at a certain moment during the movement.
[0060] It should be understood that the movement special effect, movement trajectory, and gradually hiding special effect of the image of the changed merchandise object presented in the above embodiments are only examples. In practical applications, other suitable movement special effects, movement trajectories, gradually hiding special effects, etc. of the object information of the merchandise object can be presented according to needs, as long as these interactive special effects can clearly prompt the process of adding the selected merchandise object to the shopping cart.
[0061] In some embodiments, the terminal device 120 can present a jitter special effect of the icon indicating the selected set of objects in response to the movement of the object information to the presentation position of the icon indicating the selected set of objects. The jitter special effect can include the up and down, left and right of the icon, or the special effect of shaking in a set direction or angle.
[0062] Still taking the online e-commerce scenario as an example, in some embodiments, if the terminal device 120 detects that the image 213 of the changed merchandise object 211 moves from position 1 to position 2, it can present Figure 2EThe interface 200E shown. The interface 200E can present a jitter special effect of the shopping cart icon 215 shaking clockwise to prompt the user that the selected commodity object 211 has been successfully added to the shopping cart. It can be understood that while presenting the jitter special effect of the shopping cart icon 215, the total number 216 of commodity objects in the shopping cart is indicated to increase to strengthen the prompt that the selected commodity object 211 has been successfully added to the shopping cart. Of course, the special effect given here is only an example, and actually other special effects can also be configured according to needs so as to be able to show that an object is added to an object set.
[0063] It should be understood that the jitter special effect of the shopping cart icon presented in the above embodiments is only an example. In practical applications, other interaction special effects of the shopping cart icon can be presented according to needs (such as the magnification special effect of the presentation size of the shopping cart icon, the color change special effect of the shopping cart icon, the display of special effect elements associated with the shopping cart icon, etc.), as long as these interaction special effects can indicate that the commodity object selected by the user has been successfully added to the shopping cart.
[0064] The above embodiments of the present disclosure can clearly prompt the user of the change in the shopping cart caused by adding a purchased commodity object by presenting the jitter special effect of the shopping cart icon. The user can judge whether the selected commodity object has been successfully added to the shopping cart based on the change in the total number of commodity objects included in the shopping cart icon. In this way, the relevance between the selection of the object and the object set to which the object is added can be strengthened, and the interaction experience of the user's selection operation for the object can be improved.
[0065] Figure 3 The flowchart of an example process 300 for interface presentation according to some embodiments of the present disclosure is shown. The process 300 can be implemented at the terminal device 120. The following is described with reference to Figure 1 to describe the process 300.
[0066] As Figure 3 shown, in block 310, the terminal device 120 presents the object information of multiple objects, the selection controls corresponding to the multiple objects respectively, and a first icon in a first interface, and the first icon indicates the selected object set.
[0067] In block 320, in response to the selection of the first object among the multiple objects, the terminal device 120 presents an interaction special effect associated with the first object, and the interaction special effect at least indicates the movement of the first object information of the first object from the presentation position of the first object information to the presentation position of the first icon.
[0068] In some embodiments, the terminal device 120 presents a visual enhancement special effect of the first object information by changing the first object information at the presentation position of the first object information; and the terminal device 120 presents a movement special effect of the changed first object information from the presentation position of the first object information to the presentation position of the first icon.
[0069] The above embodiments can clearly prompt the user's selection of an object by presenting a visual enhancement effect for the object information, and enhance the relevance between the selection of the object and the set of objects added.
[0070] In some embodiments, the visual enhancement effect for the first object information includes at least one of the following: highlighting the bounding box of the first object information, or enlarging the presentation size of the first object information.
[0071] The above embodiments enhance the prompt for the selection of an object through a significant visual enhancement effect, and improve the relevance between the interaction effect of the object and the object. The user can clearly determine whether the object associated with the interaction effect is the desired object without further operation confirmation, thereby enhancing the user experience.
[0072] In some embodiments, during the movement of the terminal device 120 from the presentation position of the first object information to the presentation position of the first icon, a gradually hidden effect of the changed first object information is presented, and the gradually hidden effect indicates that the changed first object information is gradually hidden to the presentation position of the first icon.
[0073] The above embodiments can clearly prompt the process of adding the selected object to the object set by presenting the gradually hidden effect of the object information of the object during the movement.
[0074] In some embodiments, the first object information includes a first image of the first object, and the first image is determined as: an image having a predetermined attribute among the image set configured for the first object, or an image being presented among the image set when the first object is selected.
[0075] The above embodiments provide various determination methods for the image of the object to be visually enhanced. In particular, determining the image being presented among the image set of the object when the object is selected as the image to be visually enhanced can further improve the accuracy of the image of the object presented by the interaction effect. Or rather, the interaction effect can accurately prompt the selected object.
[0076] In some embodiments, the movement trajectory of the interaction effect is determined based on the following: the presentation position of the first object information, the presentation position of the first icon, and the trajectory shape for connecting the presentation position of the first object information and the presentation position of the first icon.
[0077] The above embodiments can enhance the prompt for the relevance between the selected object and the set of objects added, and can clearly prompt the process of adding the selected object to the object set by determining the movement trajectory of the object information based on the presentation position of the object, the presentation position of the icon, and the trajectory shape connecting the two presentation positions.
[0078] In some embodiments, the terminal device 120 presents a jitter special effect of the first icon in response to the first object information being moved to the presentation position of the first icon.
[0079] Through presenting the jitter special effect of the icon, the above embodiments can strengthen the association between the selected object and the added object set.
[0080] In some embodiments, the first object includes an online commodity object, and the first icon includes a shopping cart icon for indicating the set of added commodity objects.
[0081] Embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 4 The schematic structural block diagram of an example device 400 for interface presentation according to certain embodiments of the present disclosure is shown. The device 400 can be implemented as or included in the terminal device 120. Each module / component in the device 400 can be implemented by hardware, software, firmware, or any combination thereof.
[0082] As Figure 4 shown, the device 400 includes: a first presentation module 410 configured to present, by the terminal device 120, object information of a plurality of objects, selection controls corresponding to the plurality of objects respectively, and a first icon in a first interface, the first icon indicating the selected object set; and a second presentation module 420 configured to present, by the terminal device 120 in response to the selection of a first object among the plurality of objects, an interaction special effect associated with the first object, the interaction special effect at least indicating the movement of the first object information of the first object from the presentation position of the first object information to the presentation position of the first icon.
[0083] In some embodiments, the second presentation module 420 can also be configured to present, by the terminal device 120, a visual enhancement special effect of the first object information by changing the first object information at the presentation position of the first object information; and present, by the terminal device 120, a movement special effect of the changed first object information from the presentation position of the first object information to the presentation position of the first icon.
[0084] In some embodiments, the visual enhancement special effect of the first object information includes at least one of the following: highlighting the bounding box of the first object information, or magnifying the presentation size of the first object information.
[0085] In some embodiments, the second presentation module 420 can also be configured to present, by the terminal device 120 during the movement from the presentation position of the first object information to the presentation position of the first icon, a gradually hidden special effect of the changed first object information, the gradually hidden special effect indicating that the changed first object information is gradually hidden at the presentation position of the first icon.
[0086] In some embodiments, the first object information includes a first image of the first object, and the first image is determined to be an image having a predetermined attribute among the image set configured for the first object, or an image being presented among the image set when the first object is selected.
[0087] In some embodiments, the movement trajectory of the interaction special effect is determined based on: the presentation position of the first object information, the presentation position of the first icon, and the trajectory shape for connecting the presentation position of the first object information and the presentation position of the first icon.
[0088] In some embodiments, the second presentation module 420 may further be configured to cause the terminal device 120 to present a jitter special effect of the first icon in response to the first object information being moved to the presentation position of the first icon.
[0089] In some embodiments, the first object includes an online commodity object, and the first icon includes a shopping cart icon for indicating a set of commodity objects that have been added to the cart.
[0090] Figure 5 The block diagram of an electronic device 500 capable of implementing one or more embodiments of the present disclosure is shown. As Figure 5 shown, the electronic device 500 is in the form of a general-purpose electronic device. The components of the electronic device 500 may include, but are not limited to, at least one processor 510 or processing unit, a memory 520, a storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processor 510 may be an actual or virtual processor and is capable of performing various processes according to the programs stored in the memory 520. In a multi-processor system, multiple processors execute computer-executable instructions in parallel to improve the parallel processing ability of the electronic device 500.
[0091] The electronic device 500 generally includes multiple computer storage media. Such media may be any accessible media that can be obtained by the electronic device 500, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 520 may be a volatile memory (such as registers, caches, random access memory (RAM)), a non-volatile memory (such as read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 530 may be a removable or non-removable medium and may include a machine-readable medium, such as a flash drive, a magnetic disk, or any other medium that can be used to store information and / or data and can be accessed within the electronic device 500.
[0092] The electronic device 500 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown inFigure 5 As shown, a disk drive for reading from and writing to a removable, non-volatile disk (such as a "floppy disk") and an optical disk drive for reading from and writing to a removable, non-volatile optical disk can be provided. In these cases, each drive can be connected to a bus (not shown) by one or more data medium interfaces. The memory 520 may include a computer program product 525 having one or more program modules configured to perform the various methods or actions of the various embodiments of the present disclosure.
[0093] The communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented by a single computing cluster or multiple computer machines that are capable of communicating via a communication connection. Thus, the electronic device 500 can operate in a networked environment using a logical connection to one or more other servers, network personal computers (PCs), or another network node.
[0094] The input device 550 can be one or more input devices such as a mouse, keyboard, trackball, etc. The output device 560 can be one or more output devices such as a display, speaker, printer, etc. The electronic device 500 can also communicate with one or more external devices (not shown) as needed via the communication unit 540, such as a storage device, a display device, etc., communicate with one or more devices that enable a user to interact with the electronic device 500, or communicate with any device that enables the electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication can be performed via an input / output (I / O) interface (not shown).
[0095] According to an exemplary implementation of the present disclosure, a computer-readable storage medium is provided, on which computer-executable instructions are stored, and the computer-executable instructions are executed by a processor to implement the method described above. According to an exemplary implementation of the present disclosure, a computer program product is also provided, the computer program product being tangibly stored on a non-transitory computer-readable medium and including computer-executable instructions, and the computer-executable instructions being executed by a processor to implement the method described above.
[0096] Aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of methods, apparatuses, devices, and computer program products according to the present disclosure. It should be understood that each block of the flowcharts and / or block diagrams, and the combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.
[0097] These computer-readable program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, or other programmable data processing apparatus to produce a machine such that the instructions, when executed by the processor of the computer or other programmable data processing apparatus, create means for implementing the functions / acts specified in one or more boxes of the flowchart and / or block diagram. These computer-readable program instructions may also be stored in a computer-readable storage medium that causes a computer, a programmable data processing apparatus, and / or other devices to function in a particular manner, such that the computer-readable medium storing the instructions comprises a manufacture including instructions which implement various aspects of the functions / acts specified in one or more boxes of the flowchart and / or block diagram.
[0098] The computer-readable program instructions may be loaded onto a computer, other programmable data processing apparatus, or other devices to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other devices to produce a computer-implemented process such that the instructions executed on the computer, other programmable data processing apparatus, or other devices implement the functions / acts specified in one or more boxes of the flowchart and / or block diagram.
[0099] The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various implementations of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of code, or a portion of an instruction, which comprises one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two consecutive blocks may in fact be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented by special-purpose hardware-based systems that perform the specified functions or acts, or combinations of special-purpose hardware and computer instructions.
[0100] The various implementations of the present disclosure have been described above. The above description is exemplary, not exhaustive, and is not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The choice of terms used herein is intended to best explain the principles of the implementations, the practical application, or improvements made to the technology in the marketplace, or to enable other ordinary skill in the art to understand the various implementations disclosed herein.
Claims
1. A method for interface presentation, comprising: Presenting object information of a plurality of objects, selection controls corresponding to the plurality of objects, and a first icon in a first interface, wherein the first icon indicates a selected object set; as well as In response to selection of a first object among the multiple objects, an interaction effect associated with the first object is presented, the interaction effect at least indicating movement of first object information of the first object from a presentation position of the first object information to a presentation position of the first icon.
2. The method according to claim 1, wherein presenting the interactive special effect comprises: Presenting a visual enhancement effect of the first object information by changing the first object information at the presentation position of the first object information; as well as A moving special effect of the changed first object information from a presentation position of the first object information to a presentation position of the first icon is presented.
3. The method according to claim 2, wherein the visual enhancement effect of the first object information comprises at least one of the following: highlighting the bounding box of the first object information, or Enlarging the presentation size of the first object information.
4. The method according to claim 2, wherein presenting the interactive special effect further comprises: During the movement from the presentation position of the first object information to the presentation position of the first icon, a gradual hiding effect of the changed first object information is presented, and the gradual hiding effect indicates that the changed first object information is gradually hidden to the presentation position of the first icon.
5. The method according to claim 2, wherein the first object information comprises a first image of the first object, the first image being determined as: an image having a predetermined attribute among the set of images assigned to the first object, or The image in the set of images is being presented when the first object is selected.
6. The method according to claim 1, wherein the trajectory of the movement of the interactive special effect is determined based on: The presentation position of the first object information, the presentation position of the first icon, and A trajectory shape for connecting a presentation position of the first object information and a presentation position of the first icon.
7. The method according to claim 1, wherein presenting the interactive special effect further comprises: In response to the first object information being moved to the presentation position of the first icon, a shaking effect of the first icon is presented. 8 . The method according to claim 1 , wherein the first object comprises an online commodity object, and the first icon comprises a shopping cart icon for indicating a collection of commodity objects to be purchased.
9. A device for interface presentation, comprising: A first presentation module is configured to present object information of a plurality of objects, selection controls corresponding to the plurality of objects, and a first icon in a first interface, wherein the first icon indicates a selected object set; as well as The second presentation module is configured to present an interactive effect associated with a first object among the multiple objects in response to selection of the first object, wherein the interactive effect at least indicates movement of first object information of the first object from a presentation position of the first object information to a presentation position of the first icon.
10. An electronic device comprising: at least one processor; as well as At least one memory, the at least one memory is coupled to the at least one processor and stores instructions for execution by the at least one processor, the instructions causing the electronic device to perform the method according to any one of claims 1 to 8 when executed by the at least one processor.
11. A computer-readable storage medium having computer-executable instructions stored thereon, wherein the computer-executable instructions can be executed by a processor to implement the method according to any one of claims 1 to 8.
12. A computer program product tangibly stored in a computer storage medium and comprising computer executable instructions which, when executed by a device, cause the device to perform the method according to any one of claims 1 to 8.
Citation Information
Cited By
Method and apparatus for interface presentation, device, and storage medium
WO2026179287A1