Method of evaluating design element and electronic device including the same
Patent Information
- Application Number
- TW114105132
- Authority / Receiving Office
- TW · TW
- Patent Type
- Patents
- Current Assignee / Owner
- Priority Date
- 2024-12-11
- Filing Date
- 2025-02-12
- Publication Date
- 2026-08-11
- Estimated Expiration
- 2045-02-11
AI Technical Summary
Existing e-commerce systems face challenges in accurately evaluating the impact of design elements on user experience due to limitations in A/B testing methods, which struggle to definitively assess user interest in specific design features.
An electronic device and method that analyze scrolling page information and display time to calculate a score for design elements by dividing pages into regions, assigning weights based on region proximity to the center and user interaction, and averaging scores across multiple regions.
Enables clear evaluation of design elements' influence, allowing operators to efficiently allocate and select impactful design features, enhancing user experience and business metrics.
Smart Images

Figure TWG2TB001905605_001 
Figure TWG2TB001905605_002 
Figure TWG2TB001905605_003
Abstract
Description
Technical Field
[0001] This invention relates to a method for evaluating design elements and an electronic device including the method. Prior Technology
[0002] E-commerce is one of the essential technologies for providing products and services online and enabling interaction between buyers and sellers. In the e-commerce environment, various design elements play a crucial role in improving user experience. In particular, user interface (UI) and user experience (UX) design focus on enhancing interaction with buyers and increasing conversion rates.
[0003] A / B testing is widely used as a method to analyze and optimize user experience. It involves presenting two or more variations of a design or element to a user group and comparing the results. This method can evaluate the impact of a specific design on user preferences and purchasing behavior. However, A / B testing has the problem of difficulty in assessing the degree of user interest in specific design elements.
[0004] Generally, e-commerce systems improve UI and UX by logging user behavior data. However, it is difficult to gain a concrete understanding of user behavior solely based on the logged data. For example, even if information is collected about users clicking specific buttons or staying on a page for an extended period, it is not easy to determine which design element caused such behavior.
[0005] Therefore, there is a need for a method that can more clearly evaluate the impact of design elements on users in an e-commerce environment. Summary of the Invention
[0006] [The problem the invention aims to solve] The disclosed embodiments aim to provide an electronic device and a method for evaluating design elements thereto. Specifically, one objective is to obtain scrolling page information from the user terminal's display area and provide a score for the design elements. Another objective is to set different areas that can arouse user interest for each user based on user experience stored in the user terminal, thereby providing a more accurate score for the design elements.
[0007] The technical problem to be solved in this embodiment is not limited to the technical problem described above. Other technical problems can be deduced from the following embodiments. [Technical means to solve the problem]
[0008] One aspect of the present invention may include the following steps: obtaining information on a plurality of scrolling pages and display time information of the plurality of scrolling pages from a user terminal; confirming a target design element included in at least one of the plurality of scrolling pages; dividing each of the at least one scrolling page into a plurality of regions; and calculating a score for the target design element based on whether at least one of the plurality of regions includes the target design element and the display time information of the at least one scrolling page.
[0009] Furthermore, in one embodiment of the present invention, the plurality of scrolling pages can be based on the display area of the user terminal, including scrolling pages in the left-right direction or scrolling pages in the up-down direction.
[0010] Furthermore, in one embodiment of the present invention, the aforementioned plurality of regions may be formed by dividing the display area of the user terminal by an imaginary plurality of dividing lines perpendicular to the scrolling direction of the at least one scrolling page.
[0011] Furthermore, in one embodiment of the present invention, the plurality of regions can be based on the display area of the user terminal. The closer the region is to the specified area of the at least one scrolling page, the higher the weight is assigned. The step of calculating the score of the target design element may include the following steps: determining the weight assigned to the region including the target design element as the score of the target design element.
[0012] Furthermore, in one embodiment of the present invention, when there are multiple regions including the aforementioned target design elements, the score of the aforementioned target design elements can be calculated as the average of the scores matching the multiple regions including the aforementioned target design elements.
[0013] Furthermore, in one embodiment of the present invention, the area specified above may be the central area of at least one of the at least one scrolling pages based on the display area of the user terminal.
[0014] Furthermore, in one embodiment of the present invention, the following steps may be included: obtaining the region of interest in the display area from the user terminal; and the specified area may be the region of interest.
[0015] Furthermore, in one embodiment of the present invention, the step of calculating the score of the target design element may include the following steps: adding the product of the score of the target design element in each scrolling page and the display time of each scrolling page, and dividing by the total display time to obtain the final score of the target design element.
[0016] Furthermore, in one embodiment of the present invention, the following steps may be included: obtaining selection area information of the user terminal in the plurality of scrolling pages from the user terminal; matching weights to a first area that includes the selection area among the plurality of areas; and, when the first area includes the target design element, assigning an additional score including the weight to calculate the final score of the target design element.
[0017] Furthermore, in one embodiment of the present invention, the following steps may be included: providing a first scrolling page and a second scrolling page to a plurality of user terminals, wherein the first scrolling page includes the aforementioned target design element, and the second scrolling page includes a design element having a score lower than that of the aforementioned target design element at the same position as the aforementioned target design element; obtaining user action data from the plurality of user terminals; and verifying the score of the aforementioned target design element based on the aforementioned user action data.
[0018] Another aspect of the present invention provides an electronic device comprising: a transceiver; at least one processor; and a memory storing at least one command executed by the at least one processor; wherein the at least one processor executes the at least one command to obtain information on a plurality of scrollable pages and display time information of the plurality of scrollable pages from a user terminal, confirms a target design element included in at least one of the plurality of scrollable pages, divides each of the at least one scrollable page into a plurality of regions, and calculates a score for the target design element based on whether at least one of the plurality of regions includes the target design element and the display time information of the at least one scrollable page.
[0019] Another aspect of the present invention provides a computer-readable recording medium that records a program useful for implementing a method carried out by an electronic device.
[0020] Specific details of other embodiments are included in the detailed description and drawings. [Effects of the Invention]
[0021] Based on the proposed embodiments, one or more of the following effects can be expected.
[0022] According to embodiments of the present invention, the impact of design elements on e-commerce platforms can be clearly understood, enabling operators to efficiently allocate design elements by leveraging their influence.
[0023] Furthermore, according to embodiments of the present invention, design elements can be clearly evaluated, and influential design elements can be selected.
[0024] The effects of this invention are not limited to those mentioned above. Those skilled in the art can clearly understand other effects not mentioned based on the description in the claims of this invention. Simple Explanation of the Diagram
[0025] Figure 1 illustrates a system including an electronic device and a user terminal according to an embodiment. Figure 2 is a sequence diagram illustrating a method for evaluating design elements in one embodiment. Figure 3a illustrates the up-and-down scrolling page and target design elements in the display area of a user terminal according to an embodiment. Figure 3b illustrates the vertical scrolling page and the area dividing the vertical scrolling page in the display area of a user terminal according to an embodiment. Figure 3c illustrates an embodiment of dividing another vertically scrollable page into regions and the target design elements included in the plurality of regions. Figure 4a illustrates the left-right scrolling page and target design elements in the display area of a user terminal according to an embodiment. Figure 4b illustrates a left-right scrolling page and the area that divides the left-right scrolling page according to an embodiment. Figure 5 shows a screen illustrating an embodiment where the display area of a user terminal is segmented and weighted based on user experience. Figure 6 is a block diagram illustrating an electronic device used to implement a method for evaluating design elements in one embodiment. Implementation
[0026] The terminology used in the embodiments is selected as widely used common terms as possible while considering the functions of this invention. However, it may vary depending on the intentions or precedents of those skilled in the art, the emergence of new technologies, etc. Furthermore, in certain situations, there may be terms arbitrarily chosen by the applicant; in such cases, their meanings will be described in detail in the corresponding description. Therefore, the terminology used in this invention should be defined based on its meaning and the overall content of the invention, rather than simply based on the name of the term.
[0027] Throughout this specification, when a part is described as "including" a certain component, it means that other components may be included, not excluded, unless otherwise stated. Furthermore, terms such as "...part" and "...module" in the specification refer to a unit that processes at least one function or action, which may be implemented by hardware or software, or by a combination of both.
[0028] The expression "at least one of a, b and c" as used throughout the specification may include "a alone", "b alone", "c alone", "a and b", "a and c", "b and c", or "all three of a, b and c".
[0029] The term "terminal" as used below can be implemented as a computer or a portable terminal, which can connect to a server or other terminal via a network. Here, a computer may include, for example, a laptop, desktop computer, or laptop computer equipped with a web browser. A portable terminal is a wireless communication device that ensures portability and mobility, and may include communication terminals such as IMT (International Mobile Telecommunication), CDMA (Code Division Multiple Access), W-CDMA (W-Code Division Multiple Access), and LTE (Long Term Evolution), as well as all types of handheld wireless communication devices such as smartphones and tablets.
[0030] Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings, so that those skilled in the art can easily implement the invention. However, the present invention can be implemented in various different forms and is not limited to the embodiments described herein.
[0031] In describing the embodiments, descriptions of technical content well-known in the technical field to which this invention pertains and not directly related to this invention are omitted. This is because omitting redundant descriptions clearly conveys the essence of the invention, thus avoiding confusion regarding its main points.
[0032] For the same reasons, some components are exaggerated, omitted, or represented in a generalized manner in the accompanying drawings. Furthermore, the dimensions of each component do not perfectly reflect their actual dimensions. In each drawing, the same or corresponding components are assigned the same reference number.
[0033] The advantages and features of this invention, as well as the methods for achieving such advantages and features, will become clear upon reference to the accompanying drawings and the embodiments described in detail below. However, this invention is not limited to the embodiments disclosed below, but can be implemented in various different forms. These embodiments are provided only to fully disclose the invention and to enable those skilled in the art to fully understand the scope of the invention. The invention is defined only by the scope of the claims. Throughout this specification, the same reference numerals refer to the same constituent elements.
[0034] At this point, it should be understood that the blocks of the flowchart and the combination of the flowchart can be implemented by computer program instructions. These computer program instructions can be loaded onto the processor of a general-purpose computer, a special-purpose computer, or other programmable data processing equipment. Therefore, these instructions, implemented by the processor of the computer or other programmable data processing equipment, produce methods for implementing the functions described in the blocks of the flowchart. To implement the functions in a specific manner, these computer program instructions can be stored in computer-usable or computer-readable memory that is accessible to a computer or other programmable data processing equipment. Therefore, the instructions stored in such computer-usable or computer-readable memory can also produce manufactured items containing instruction methods that implement the functions described in the blocks of the flowchart. The computer program instructions can also be loaded onto a computer or other programmable data processing equipment. Therefore, a series of action steps are performed on the computer or other programmable data processing equipment to produce a flow executed by the computer. Thus, the instructions implemented by the computer or other programmable data processing equipment can also provide steps for executing the functions described in the blocks of the flowchart.
[0035] Furthermore, each block can represent a module, fragment, or part of code comprising one or more executable instructions used to perform a specific logical function. It should also be noted that in some alternative execution examples, the functions mentioned in the blocks may be executed out of order. For example, two blocks shown successively may actually be executed simultaneously, or sometimes in reverse order depending on their corresponding functions.
[0036] Figure 1 illustrates a system including an electronic device and a user terminal according to an embodiment.
[0037] Referring to FIG1, a system 10 of one embodiment may include an electronic device 100 and a user terminal 110. However, the system shown in FIG1 only illustrates the components relevant to this embodiment. Therefore, those skilled in the art will understand that other common components may be included in addition to those shown in FIG1. Furthermore, the systems of various embodiments are not limited to those shown in FIG1 and can be implemented in a wider variety of electronic devices and servers.
[0038] In various embodiments, the user terminal 110 may be a terminal used by a user. The user terminal 110 may be a device usable by a personal user, such as a desktop computer, tablet computer, or mobile terminal. Furthermore, the user terminal 110 may be a device capable of communicating with the electronic device 100. In addition, other electronic devices performing similar functions may also be used as the user terminal 110.
[0039] In one embodiment, the user terminal 110 can be a device that constructs and provides various types of information. The user terminal 110 can provide the constructed information via web pages or application screens, or provide the constructed information in a form that can be displayed via web pages or application screens on the receiving terminal. Furthermore, the user terminal 110 can obtain information through user input, and the input information can be transmitted to the electronic device 100 via a network. Alternatively, the user terminal 110 can also receive response information from the electronic device 100 or a database via a network as a response to the input information.
[0040] User terminal 110 and electronic device 100 can communicate with each other within the network. The network includes Local Area Networks (LANs), Wide Area Networks (WANs), Value Added Networks (VANs), mobile radio communication networks, satellite communication networks, and combinations thereof. This network is a comprehensive data communication network that enables the constituent entities of the networks shown in Figure 1 to communicate smoothly with each other, and may include wired internet, wireless internet, and mobile wireless communication networks. Wireless communication may include, for example, Wi-Fi, Bluetooth, Bluetooth Low Energy, Zigbee, WFD (Wi-Fi Direct), UWB (ultra-wideband), IrDA (infrared data association), NFC (Near Field Communication), etc., but is not limited to these.
[0041] In one embodiment, the electronic device 100 can be connected to the user terminal 110 to send and receive information. Furthermore, the electronic device 100 can receive scrolling page information from the display area of the user terminal 110 and send response information corresponding to the corresponding request.
[0042] In this invention, the term "scroll" can refer to a function or related action on the user interface (UI) of the user terminal 110 that moves the displayed content of the screen according to user input. The scrolling action can be generated by touch gestures on the touchscreen (e.g., dragging, swiping, etc.) or an input device, and the movement of the screen content can be achieved in the vertical or horizontal direction on the display. Furthermore, scrolling can be implemented as follows: dynamically showing or hiding a portion or all of the content area displayed on the screen according to user request.
[0043] In this invention, the term "scrolling page" can refer to a specific area within the display screen of a user terminal that has display content that is smaller than or the same size as the viewport, and the display content of the aforementioned viewport can be changed by scrolling.
[0044] A / B testing is one of the methods used to evaluate the effectiveness of design elements used in e-commerce platforms. A / B testing involves dividing a specific user group into two or more groups, applying different design elements to each group, and then comparing the resulting user behavior data to evaluate the impact of the design elements. A / B testing can be designed to independently analyze the effectiveness of design elements by randomly classifying user groups and maintaining the same conditions except for the design elements being tested.
[0045] Key metrics analyzed in A / B testing include GNV (Gross Merchandise Value), Purchase Rate, and Buyer Conversion Rate. GNV represents the total value of goods traded on the platform within a specific period and can be used as an indicator of the platform's overall sales volume. Purchase Rate represents the percentage of users who actually complete a purchase and can be used to evaluate user conversion rates. Buyer Conversion Rate represents the percentage of platform visitors who become buyers and can be used to measure user conversion rates during platform usage.
[0046] A / B testing metrics have limitations in definitively demonstrating the effectiveness of specific design elements. Metrics such as GNV, purchase rate, and buyer conversion rate can be influenced by various factors affecting user purchasing behavior. For example, seasonal factors or promotional effectiveness may affect metrics, making it difficult to accurately grasp the contribution of a specific design element simply by observing metric changes. Therefore, more sophisticated experimental designs or explicit evaluation methods are needed to demonstrate the effectiveness of design elements.
[0047] The electronic device 100 of various embodiments of the present invention can obtain from the user terminal 110 a plurality of scrollable pages including design elements and display time information of the plurality of scrollable pages, and clearly evaluate the influence of the design elements based on whether the area that can arouse the user's interest includes design elements and the display time.
[0048] Figure 2 is a sequence diagram illustrating a method for evaluating design elements in one embodiment.
[0049] In step S210, the electronic device 100 of one embodiment can obtain information on a plurality of scrollable pages and display time information of a plurality of scrollable pages in the display area of the user terminal 110 from the user terminal 110.
[0050] In one embodiment, user terminal 110 can access an e-commerce platform via an application or webpage, and can obtain a plurality of scrollable pages, including design elements, from the e-commerce platform. A user of user terminal 110 can perform scrolling actions on the plurality of scrollable pages obtained from the e-commerce platform, and user terminal 110 can store information related to the scrolling actions or transmit it to electronic device 100. For example, the information related to the scrolling actions may include information about the plurality of scrollable pages obtained by the user performing the scrolling actions, and time information of displaying each scrollable page during the scrolling actions.
[0051] Furthermore, multiple scrollable pages may include multiple design elements that display product information and other information. For example, if the 1L volume of detergent A has the highest sales volume, the scrollable page may include a design element that displays the word "BEST" in a red box in the upper right corner of the 1L item.
[0052] The display time of scrolling pages refers to the amount of time a user's gaze remains on each scrolling page while performing the scrolling action. Therefore, if a particular scrolling page is displayed for a longer time, the electronic device 100 can determine that the user is more interested in that scrolling page.
[0053] In step S230, the electronic device 100 of one embodiment can identify the target design element included in at least one of a plurality of scrolling pages.
[0054] In one embodiment, at least one design element may be present among the plurality of scrolling pages obtained from the user terminal 110. The electronic device 100 may select a target design element to be evaluated from among the at least one design element included in the plurality of scrolling pages. Furthermore, the electronic device 100 may identify scrolling pages containing the target design element among the plurality of scrolling pages. Based on scrolling pages containing the target design element, the electronic device 100 may evaluate the impact of the target design element on the entire scrolling page.
[0055] In one embodiment, the plurality of scrollable pages may include horizontal scrollable pages or vertical scrollable pages. Based on the display of the user terminal 110, the plurality of scrollable pages may include vertical scrollable pages or horizontal scrollable pages. A vertical scrollable page may refer to a scrollable page that can be scrolled when the user performs a scrolling action by moving up and down relative to the top and bottom of the user terminal 110. Similarly, a horizontal scrollable page may refer to a scrollable page that can be scrolled when the user performs a scrolling action by moving left and right relative to the top and bottom of the user terminal 110.
[0056] In step S250, an electronic device 100 of one embodiment can divide at least one scrolling page into a plurality of regions.
[0057] In one embodiment, the electronic device 100 can divide at least one scrollable page containing target design elements into a plurality of regions to assign weights. The plurality of regions can be determined based on the scrolling direction. For example, when the scrolling direction of the page is vertical, the user may pay more attention to the vertical direction than the horizontal direction; therefore, the plurality of regions to be weighted can be divided solely based on the vertical direction. Similarly, when the scrolling direction of the page is horizontal, the user may pay more attention to the horizontal direction than the vertical direction; therefore, the plurality of regions to be weighted can be divided solely based on the horizontal direction.
[0058] In one embodiment, the electronic device 100 can divide at least one scrollable page into a plurality of regions, which are separated by a plurality of imaginary dividing lines perpendicular to the scrolling direction. For example, when the scrollable page is scrolled vertically, the electronic device 100 can draw a plurality of dividing lines along a horizontal direction perpendicular to the vertical direction, and set the regions separated by each dividing line as a plurality of regions. Alternatively, when the scrollable page is scrolled horizontally, the electronic device 100 can draw a plurality of dividing lines along an up-down direction perpendicular to the horizontal direction, and set the regions separated by each dividing line as a plurality of regions. Here, the spacing between the dividing lines can vary depending on the settings of the electronic device 100. For example, when the electronic device 100 wants to divide the entire area into 11 equal regions, the electronic device 100 can divide the scrollable page into 11 regions separated by 10 equally spaced dividing lines. The 11 zones are merely examples; they can be further divided into more zones for a more accurate evaluation of design elements.
[0059] Hereinafter, with reference to Figures 3b, 3c, and 4b, a detailed description will be given of a specific embodiment in which the electronic device 100 divides each of the plurality of scrollable pages into a plurality of regions.
[0060] In step S270, the electronic device 100 of one embodiment can calculate the score of the target design element based on whether at least one of the plurality of regions includes the target design element and display time information.
[0061] In one embodiment, the electronic device 100 may, as follows: match weights to the segmented regions, and calculate a score for the target design element based on the weights of the regions that match the target design element and the display time information of the scrolling page that includes the target design element.
[0062] In one embodiment, the electronic device 100 can use the scrolling direction in the display area of the user terminal as a reference, assigning a higher weight to areas closer to a predetermined area, and determining the weight assigned to the area including the target design element as the score of the target design element. For example, the electronic device 100 can set the center area of the scrolling direction in at least one scrolling page as a predetermined area, and assign a greater weight to areas closer to the center area based on the center area of the scrolling direction. Here, the center area of the scrolling direction can represent the area including the midpoint of the scrolling page.
[0063] When a user uses the user terminal 110, they will place the area of primary interest in the center for use. Therefore, the electronic device 100 can use the central area of the display to determine the degree of influence of design elements on the user.
[0064] In one embodiment, when there are multiple regions containing the target design element, the electronic device 100 can calculate the average of the scores matched by the multiple regions containing the target design element as the score of the target design element. For example, when the target design element spans both the first and second regions, and the weight of the first region is 3 and the weight of the second region is 5, the electronic device 100 can calculate the score of the target design element as the average of 3 and 5, which is 4.
[0065] In one embodiment, the electronic device 100 can obtain the region of interest (ROI) frequently used by the user terminal 110 from the user terminal 110. Here, the ROI of the user terminal 110 can represent areas of the user terminal 110 frequently used by the user, collected based on user input or actions, such as the areas that the user primarily touches or clicks when using the user terminal 110, or the areas where dragging mainly occurs or where the cursor is located. The electronic device 100 can use the ROI obtained from scrolling the page as a basis, and assign a higher weight to each of the multiple segments of the ROI, with the closer the segments are to the ROI.
[0066] The following describes in detail a specific embodiment of calculating the score of the target design element with reference to Figures 3b and 3c.
[0067] In one embodiment, the electronic device 100 can calculate the final score of the target design element by adding the product of the score of the target design element in each scrolling page and the display time of each scrolling page, and dividing the result by the total display time.
[0068] In one embodiment, the electronic device 100 can obtain selection area information of the user terminal 110 in a plurality of scrolling pages. Furthermore, the electronic device 100 can assign weights to a first area among the plurality of areas that includes the aforementioned selection area. When the first area includes a target design element, the electronic device 100 can assign an additional score, including the weight, to calculate the final score of the target design element. Here, selection area information may refer to the location or area where the user performs a user action on the scrolling page, such as clicking, touching, dragging, or scrolling.
[0069] In one embodiment, the electronic device 100 can perform A / B testing on the target design elements for additional verification. For example, two groups can be generated based on the scores of the design elements on the scrolling page. In group A, pages with target design elements having relatively high scores can be provided to a plurality of user terminals, while in group B, pages with target design elements having relatively low scores can be provided to a plurality of user terminals. The electronic device 100 can randomly assign test pages to users in each group to collect user behavior data.
[0070] The electronic device 100 can measure key business indicators such as GNV, purchase rate, and buyer conversion rate in each group, and can perform analysis in relation to the fractionated target design elements. For example, if the GNV of group A, which includes target design elements, is significantly higher than that of group B, it can be concluded that the target design elements have a positive impact on business results.
[0071] The following describes a method for evaluating the target design elements included in a vertically scrolling page, with reference to Figures 3a, 3b and 3c.
[0072] Figure 3a shows the up-and-down scrolling page and target design elements in the display area of a user terminal according to an embodiment.
[0073] Referring to Figure 3a, the display area of the user terminal 110 may include a first vertical scrollable page 300-1, a first design element 301, and a second design element 302. Here, the first vertical scrollable page 300-1 may represent a scrollable page area that is displayed in a scrollable page that can be scrolled up or down on the user terminal 110 and has been displayed for a fixed period of time.
[0074] The electronic device 100 can identify the first design element 301, which is the target design element to be evaluated, and identify a first vertical scrolling page 300-1 that includes the first design element 301 among the obtained plurality of scrolling pages. The vertical scrolling page 300-1 may include a plurality of design elements. For example, the first design element 301 may be a design element that, for strawberry beverage item A, displays a single volume of 250 ml in the form of a rectangle, and includes the statement "popularity" indicating that the buyer has a demand for this volume in the rectangle and places it in the upper right corner of 250 ml. Furthermore, the second design element 302 may be a design element that, for strawberry beverage item A, displays the statement "34%" as a coupon discount rate in a trapezoidal frame, and includes the statement "coupon discount" on the right.
[0075] The electronic device 100 can identify the first design element 301 as the target design element for evaluating influence from among the plurality of design elements included in the first vertical scrolling page 300-1, just like the first design element 301 and the second design element 302.
[0076] Figure 3b illustrates a vertical scrolling page in the display area of a user terminal according to an embodiment, and the area after dividing the vertical scrolling page. In Figure 3a, although a vertical scrolling page is shown, the same method can be used to divide the vertical scrolling page in a plurality of vertical scrolling pages, including the first design element 301 which is the target design element.
[0077] The electronic device 100 can draw eight imaginary dividing lines along a direction perpendicular to the vertical direction (i.e., the left-right direction) on the first vertical scrolling page 300-1, thereby dividing it into nine regions: a first region 310, a second region 320, a third region 330, a fourth region 340, a fifth region 350, a sixth region 360, a seventh region 370, an eighth region 380, and a ninth region 390. In this invention, for ease of explanation, the first vertical scrolling page 300-1 is described as being divided into nine regions, but this is not a limitation. For example, the first vertical scrolling page 300-1 can be divided into more regions based on a preset benchmark or operator input. Furthermore, in this invention, for ease of explanation, each region is divided with equal spacing, but this is not a limitation. For example, the electronic device 100 can divide the area in the first vertical scrolling page 300-1 in the following way: the central area is narrower, and the spacing is set wider the further away from the central area.
[0078] In one embodiment, the electronic device 100 can assign weights to the nine segmented regions. The electronic device 100 can assign the highest weight to the fifth region 350, which includes the central region in the vertical direction, and can assign lower weights as it moves away from the fifth region 350. For example, the electronic device 100 can assign a weight of 10 to the fifth region 350, a weight of 8 to the fourth region 340 and the sixth region 360 which are close to the fifth region 350, a weight of 6 to the third region 330 and the sixth region 360 which are close to the fourth region 340 and the sixth region 360, a weight of 4 to the second region 320 and the eighth region 380 which are close to the third region 330 and the seventh region 370, and a weight of 2 to the first region 310 and the ninth region 390 which are close to the second region 320 and the eighth region 380. However, the weight values disclosed in this invention are merely illustrative and may vary depending on the settings of the electronic device 100 or the input of the operator.
[0079] In one embodiment, when the electronic device 100 determines the target design element as the second design element 302, the 4 matched by the second region 320 including the second design element 302 can be calculated as the score of the second design element 302.
[0080] In one embodiment, when the target design element is the first design element 301, the electronic device 100 can identify the 7th region 370 and the 8th region 380 that include the first design element 301, and the weight values 6 and 4 matched for each region. The electronic device 100 can calculate the average value 5 of the weight values of the 7th region 370 and the 8th region 380 as the score of the first design element 301.
[0081] In one embodiment, the electronic device 100 can compare the score 5 of the first design element 301 with the score 4 of the second design element 302, thereby determining that the first design element 301, which has a higher score, has a greater influence than the second design element 302. The electronic device 100 can use the scores of each design element to suggest the deletion or modification of the design element.
[0082] Figure 3c shows an embodiment of a region after another vertically scrolling page is divided, and the target design elements included in the plurality of regions.
[0083] Referring to Figures 3b and 3c, the second vertical scrolling page 300-2 can represent another vertical scrolling page that includes the first design element 301 as the target design element among a plurality of scrolling pages.
[0084] The second vertical scrolling page 300-2 can draw eight imaginary dividing lines along the left-right direction, perpendicular to the vertical direction, thus dividing the page into nine regions: region 1 310, region 2 320, region 330, region 4 340, region 5 350, region 6 360, region 7 370, region 8 380, and region 9 390. Furthermore, the electronic device 100 can assign weights to the nine divided regions in the same manner as in Figure 3b. The electronic device 100 can assign the highest weight to region 5 350, which includes the central region in the vertical direction, and can assign lower weights as it moves away from region 5 350. For example, electronic device 100 may assign a weight of 10 to region 5 350, a weight of 8 to regions 4 340 and 6 360 adjacent to region 5 350, a weight of 6 to regions 330 and 7 370 adjacent to regions 4 340 and 6 360, a weight of 4 to regions 2 320 and 8 380 adjacent to regions 3 330 and 7 370, and a weight of 2 to regions 1 310 and 9 390 adjacent to regions 2 320 and 8 380. In this case, since the first design element 301 is included in regions 1 310 and 2 320, electronic device 100 may determine the average value 3 of the weight values matched with regions 1 310 and 2 320 as the score of the first design element 301.
[0085] The electronic device 100 can obtain display time information of each scrolling page displayed on the user terminal 110 from the user terminal 110. Furthermore, the electronic device 100 can multiply the score of the first design element 301 (which is the target design element) in each scrolling page by the display time of each scrolling page, and then divide by the total scrolling page display time to calculate the final score of the first design element 301. For example, if the first vertical scrolling page 300-1 is displayed on the user terminal 110 for 5 seconds, and the second vertical scrolling page 300-2 is displayed on the user terminal 110 for 2 seconds, the electronic device 100 can confirm that the score 5 determined for the first design element 301 in the first vertical scrolling page 300-1 is multiplied by the display time 5 of the first vertical scrolling page 300-1 to obtain the value 25. Furthermore, the electronic device 100 can multiply the fraction 3 determined in the first design element 301 in the second vertical scrolling page 300-2 by the display time 2 of the second vertical scrolling page 300-2, add 25 to the value 6, and then divide by the total display time 7 to calculate the value 4.43, which is the final fraction of the first design element 301.
[0086] Therefore, during the user's scrolling action on the user terminal 110, the electronic device 100 can accurately determine the degree to which the target design elements displayed on the user terminal 110 arouse the user's interest and have an impact using the final score.
[0087] The following describes in detail the method for evaluating design elements when scrolling a page in the left and right directions, with reference to Figures 4a and 4b.
[0088] Figure 4a shows the left-right scrolling page and target design elements in the display area of a user terminal according to an embodiment.
[0089] Referring to Figure 4a, the display area of the user terminal 110 may include a horizontal scrolling page 400 and a third design element 401. Here, the horizontal scrolling page 400 may refer to a scrolling page area that displays a scrolling page area that can be scrolled in the left or right direction based on the display area of the user terminal 110, and the scrolling page area is displayed for a fixed period of time or more.
[0090] The electronic device 100 can identify the third design element 401 as the target design element to be evaluated, and identify a left-right scrolling page 400 that includes the third design element 401 among the obtained plurality of scrolling pages. The left-right scrolling page 400 may include a plurality of design elements. For example, the third design element 401 may be the following design element: for item C, displaying an icon indicating a discount and the statement "Currently 14% discount" written to the right of the icon.
[0091] The electronic device 100 can identify the third design element 401, which is the target design element whose influence is to be evaluated, among a plurality of design elements by scrolling left and right on the page 400.
[0092] Figure 4b shows an embodiment of a left-right scrolling page and the area after the left-right scrolling page is divided.
[0093] Referring to Figure 4b, eight imaginary dividing lines can be drawn along the vertical direction (perpendicular to the left-right scrolling direction) in the left-right scrolling page 400, thereby dividing it into nine regions: region 1 410, region 2 420, region 3 430, region 440, region 5 450, region 6 460, region 7 470, region 8 480, and region 9 490. In this invention, for ease of explanation, the left-right scrolling page 400 is described as being divided into nine regions, but this is not a limitation. For example, the left-right scrolling page 400 can be divided into more regions based on a preset benchmark or operator input. Furthermore, in this invention, for ease of explanation, each region is divided with equal spacing, but this is not a limitation. For example, the electronic device 100 can divide the regions in the left-right scrolling page 400 in such a way that the central region is narrower, and the spacing is wider the further away from the central region.
[0094] In one embodiment, the electronic device 100 can assign weights to the nine divided regions. The electronic device 100 can assign the highest weight to the fifth region 450, which includes the central region in the left-right direction, and can assign lower weights as it moves away from the fifth region 450. For example, the electronic device 100 can assign a weight of 10 to the fifth region 450, a weight of 8 to the fourth region 440 and the sixth region 460 which are close to the fifth region 450, a weight of 6 to the third region 430 and the seventh region 470 which are close to the fourth region 440 and the sixth region 460, a weight of 4 to the second region 420 and the eighth region 480 which are close to the third region 430 and the seventh region 470, and a weight of 2 to the first region 410 and the ninth region 490 which are close to the second region 420 and the eighth region 480. However, the disclosed weight values are merely illustrative and may vary depending on the settings of the electronic device 100 or the input of the operator.
[0095] In one embodiment, when the target design element is the third design element 401, the electronic device 100 can identify the third region 430, the fourth region 440, the fifth region 450, and the sixth region 460, which include the third design element 401, and the weight values 6, 8, 10, and 8 assigned to each region. The electronic device 100 can calculate the average value 8 of the weight values 8 of the third region 430, the fourth region 440, the fifth region 450, and the sixth region 460 as the score of the third design element 401 as the target design element.
[0096] In Figures 3a, 3b, 3c and 4a, 4b, it is assumed that the area of interest to the user is the central area of the user terminal 110 or the scrolling page. Since the area of interest to the user may vary depending on the characteristics of the user terminal 110 or the user's habits, the electronic device 100 can calculate the score of the design element based on the area of interest of the individual user terminal 110.
[0097] Figure 5 shows an embodiment of segmenting and weighting the display area of a user terminal based on user experience.
[0098] Referring to Figure 5, the electronic device 100 can draw eight imaginary dividing lines along the left-right direction, in a direction perpendicular to the vertical direction, on a page 500 that includes a first design element 501 as a target design element, thereby dividing it into nine regions: a first region 510, a second region 520, a third region 530, a fourth region 540, a fifth region 550, a sixth region 560, a seventh region 570, an eighth region 580, and a ninth region 590.
[0099] The electronic device 100 can obtain information about the region of interest (ROI) from the user terminal 110, indicating the user's primary actions such as clicking, touching, and scrolling. This ROI information is stored in the user terminal 110 and can be data stored after analyzing the user's usage patterns when using an e-commerce platform via the user terminal 110. For example, if the user terminal 110 is a smartphone, and the user holds the smartphone at the bottom and repeatedly touches and scrolls with the bottom as the center, the user's ROI might be the lower area of the user terminal 110, rather than the middle area.
[0100] For example, when the lower region is included in the 7th region 570, the electronic device 100 can use the 7th region 570 as a reference and assign higher weights to regions closer to the 7th region 570. For example, the electronic device 100 can assign a weight of 10 to the 7th region 570, a weight of 8 to the 6th region 560 and the 8th region 580 which are close to the 7th region 570, a weight of 6 to the 5th region 550 and the 9th region 590 which are close to the 6th region 560 and the 8th region 580, a weight of 4 to the 4th region 540 which is close to the 5th region 550, a weight of 2 to the 3rd region 530 which is close to the 4th region 540, and a weight of 0 to the 2nd region 520 and the 1st region 510 which are far from the 7th region 570.
[0101] The electronic device 100 can calculate the average of the weight values 10 and 8 matched by the regions 570 and 580, which include the first design element 501, as the score of the first design element 501.
[0102] The score for design element 501 is 5 in Figure 3b, but it is calculated to be 9 in Figure 5, where the central area is set differently according to user experience, thus allowing for a more accurate calculation of the matching score.
[0103] In one embodiment, the electronic device 100 can obtain region of interest information from the user terminal 110, calculate the score of the target design element based on the region of interest information, and calculate the final score of the target design element based on the display time of scrolling the page.
[0104] Figure 6 is a block diagram illustrating an electronic device used to implement a method for evaluating design elements in one embodiment.
[0105] Referring to FIG6, according to one embodiment, electronic device 100 may include a transceiver 610, memory 630, and processor 650. FIG6 only shows the components relevant to this embodiment. Therefore, those skilled in the art related to this embodiment will understand that other common components may be included in addition to those shown in FIG6. In this embodiment, transceiver 610 may be included in a communication device. Furthermore, in this embodiment, processor 650 may be included in a controller.
[0106] Transceiver 610 is a device for implementing wired / wireless communication, enabling communication with external electronic devices. These external electronic devices can be terminals or servers. Furthermore, the communication technologies utilized by transceiver 610 may include GSM (Global System for Mobile communication), CDMA (Code Division Multi Access), LTE (Long Term Evolution), 5G, WLAN (Wireless LAN), Wi-Fi (Wireless-Fidelity), Bluetooth™, RFID (Radio Frequency Identification), Infrared Data Association (IrDA), ZigBee, and NFC (Near Field Communication).
[0107] The processor 650 can control the overall operation of the electronic device 100 and process data and signals. The processor 650 may include at least one hardware unit. Furthermore, the processor 650 can generate one or more software modules to perform operations by executing program code stored in memory 630. The processor 650 may include memory, and the processor 650 can execute program code stored in memory to control the overall operation of the electronic device 100 and process data and signals.
[0108] The processor 650 can obtain information on a plurality of scrolling pages and display time information of the plurality of scrolling pages from the user terminal, confirm the target design element included in at least one of the plurality of scrolling pages, divide each of the at least one scrolling page into a plurality of regions, and calculate the score of the target design element based on whether at least one of the plurality of regions includes the target design element and the display time information of the at least one scrolling page.
[0109] On the other hand, this specification and drawings disclose preferred embodiments of the invention. Although specific terms are used, these terms are used in their ordinary sense only to facilitate the explanation of the technical content of the invention and to aid in understanding the invention, and are not intended to limit the scope of the invention. Those skilled in the art to which this invention pertains will understand that other variations based on the technical concept of this invention can be implemented in addition to the embodiments disclosed herein.
[0110] The electronic device 100 or user terminal 110 in the above embodiments may include a processor, memory for storing and executing program data, permanent storage such as a disk drive, a communication port for communicating with external devices, and a user interface device such as a touch panel, keys, and icons. Computer-readable code or program commands that can be executed on the processor, implemented using software modules or algorithms, can be stored on a computer-readable recording medium. Here, computer-readable recording media include magnetic storage media (e.g., ROM (read-only memory), RAM (random-access memory), floppy disks, hard disks, etc.) and optical reading media (e.g., CD-ROM, DVD, etc.). The computer-readable recording media is distributed across a computer system linked by a network, thereby enabling the distributed storage and execution of computer-readable code. The media can be read by a computer, stored in memory, and executed in a processor.
[0111] This embodiment can be represented by functional blocks and various processing steps. These functional blocks can be implemented by different numbers of hardware and / or software components performing specific functions. For example, the embodiment can employ integrated circuits capable of performing various functions via the control of one or more microprocessors or other control devices, such as memory, processing, logic, lookup tables, etc. The components can be executed by software programming or software elements. Similarly, this embodiment includes various algorithms implemented by combinations of data structures, programs, conventions, or other programming structures, and therefore can be implemented using programming or scripting languages such as C, C++, Java, assemblers, Python, etc. Functionally, it can be implemented by algorithms executed in one or more processors. Furthermore, this embodiment can employ prior art for electronic environment setup, signal processing, and / or data processing. Terms such as "mechanism," "component," "mechanism," and "structure" are used broadly and are not limited to mechanical and physical structures. The above terms may be associated with processors and include the meaning of a series of software processes.
[0112] The above embodiment is merely an example, and other embodiments may be implemented within the scope of the claims described below.
[0113] 10: System 100: Electronic devices 110: User Terminal 300-1: Scroll the page vertically for the first time. 300-2: Scroll the page in the second vertical direction. 301: First Design Element 302: Second Design Element 310: Area 1 320: Area 2 330: Area 3 340: Area 4 350: Area 5 360: Area 6 370: Area 7 380: Area 8 390: Area 9 400: Scroll the page left and right 401: Third Design Element 410: Area 1 420: Area 2 430: Area 3 440: Area 4 450: Area 5 460: Area 6 470: Area 7 480: Area 8 490: Area 9 500: Scroll the page vertically. 501: Design Element 1 510: Area 1 520: Area 2 530: Area 3 540: Area 4 550: Area 5 560: Area 6 570: Area 7 580: Area 8 590: Area 9 610: Transceiver 630: Memory 650: Processor S210: Steps S230: Steps S250: Steps S270: Steps
Claims
1. A method for evaluating a design element, implemented via an electronic device, comprising the following steps: obtaining information on a plurality of scrolling pages and display time information of the plurality of scrolling pages from a user terminal; identifying a target design element included in at least one of the plurality of scrolling pages; dividing each of the at least one scrolling page into a plurality of regions; calculating a score for the target design element based on whether at least one of the plurality of regions includes the target design element and the display time information of the at least one scrolling page; obtaining information on the user terminal's selection region among the plurality of scrolling pages; assigning a weight to a first region among the plurality of regions that includes the selection region; and, when the first region includes the target design element, assigning an additional score including the weight to calculate the final score of the target design element.
2. The evaluation method for the design elements as requested in item 1, wherein the plurality of scrolling pages are based on the display area of the user terminal and include scrolling pages in the left-right direction or scrolling pages in the up-down direction.
3. The evaluation method for design elements as described in Request 2, wherein the plurality of regions are formed by dividing the display area of the user terminal by an imaginary plurality of dividing lines perpendicular to the scrolling direction of at least one scrolling page.
4. The evaluation method for the design elements of Request Item 2, wherein the plurality of regions are based on the display area of the user terminal, and the closer they are to the specified area of at least one scrolling page, the higher the weight they are matched, the step of calculating the score of the target design element includes the following steps: determining the weight matched by the region including the target design element as the score of the target design element.
5. The evaluation method for design elements as described in claim 4, wherein when there are multiple regions containing the aforementioned target design elements, the score of the aforementioned target design elements is calculated as the average of the scores of the multiple regions containing the aforementioned target design elements.
6. The evaluation method for design elements as described in Request 4, wherein the area specified above refers to the central area of the at least one scrolling page among the at least one scrolling page, based on the display area of the user terminal.
7. The evaluation method for the design elements of Request 4 further includes the following steps: obtaining the region of interest in the display area from the user terminal; and the region specified above is the region of interest.
8. The evaluation method for the design elements as described in Request 4, wherein the step of calculating the score of the target design element includes the following steps: adding the product of the score of the target design element in each scrolling page and the display time of each scrolling page, and dividing by the total display time to obtain the final score of the target design element.
9. The evaluation method for the design elements of Request 1 includes the following steps: providing a first scrolling page and a second scrolling page to a plurality of user terminals, wherein the first scrolling page includes the aforementioned target design element, and the second scrolling page includes a design element with a lower score than the target design element at the same position as the target design element; obtaining user action data from the plurality of user terminals; and verifying the score of the target design element based on the aforementioned user action data.
10. A non-transitory computer-readable recording medium recording a program for executing, on a computer, an evaluation method for any of the design elements described in claims 1 to 9.
11. An electronic device that implements a method for evaluating design elements, comprising: transceiver; At least one processor; The system includes a memory that stores at least one command executed by the at least one processor; and the at least one processor executes the at least one command to obtain information on a plurality of scrolling pages and display time information of the plurality of scrolling pages from the user terminal, confirms a target design element included in at least one of the plurality of scrolling pages, divides each of the at least one scrolling page into a plurality of regions, calculates a score for the target design element based on whether at least one of the plurality of regions includes the target design element and the display time information of the at least one scrolling page, obtains selection region information of the user terminal in the plurality of scrolling pages from the user terminal, assigns a weight to a first region that includes the selection region among the plurality of regions, and assigns an additional score including the weight to calculate the final score of the target design element when the first region includes the target design element.
Citation Information
Patent Citations
A statistical method, apparatus, and electronic device for calculating the exposure rate of content units.
CN111767206B
Devices, methods, and graphical user interfaces for interacting with user interface objects corresponding to applications
CN117908728A
Commodity category recommendation management system based on e-commerce applet
CN119107114A
Real-time feedback system and real-time feedback method relating to user behavior
TW201732708A
Page analysis method and apparatus
US20190385030A1