Usability determination method and device of web application, electronic equipment and storage medium

Abstract

The application discloses a kind of web application's ease of use determination method, device, electronic equipment and storage medium.The method comprises: in response to web application ease of use evaluation event is triggered, respectively determine the logical path corresponding to each item of business involved in target web application;Wherein, logical path is by each operation node that is passed through to complete business constitutes;For each item of business involved in target web application, determine the physical path set corresponding to the logical path of current business, and at least one target physical path of current business is screened from physical path set;Respectively determine the fatigue degree of corresponding business that user completes based on each target physical path, and determine the business ease of use of business based on fatigue degree;According to the business ease of use corresponding to each item of business involved in target web application, determine the comprehensive ease of use of web application.This scheme can accurately and objectively evaluate the ease of use of web application.

Description

Technical Field

[0001] This invention relates to the field of web application technology, and in particular to a method, apparatus, electronic device, and storage medium for determining the usability of a web application. Background Technology

[0002] With technological advancements, web applications have experienced explosive growth, making the evaluation of their usability a crucial aspect of their promotion. One common approach involves collecting extensive user data on web application usage, using posterior data analysis to assess usability from the perspectives of page navigation and switching. However, this method relies heavily on user data, resulting in slow processing speeds. Furthermore, insufficient data can hinder accurate evaluation of web application usability. Summary of the Invention

[0003] This invention provides a method, apparatus, electronic device, and storage medium for determining the usability of web applications, which can accurately and objectively evaluate the usability of web applications.

[0004] According to one aspect of the present invention, a method for determining the usability of a web application is provided, comprising:

[0005] In response to the web application usability evaluation event being triggered, the logical paths corresponding to each business function involved in the target web application are determined respectively; wherein, the logical path is composed of each operation node traversed to complete the business function;

[0006] For each business involved in the target web application, a set of physical paths corresponding to the logical path of the current business is determined, and at least one target physical path of the current business is selected from the set of physical paths; wherein, each physical path included in the set of physical paths consists of the page elements actually operated by the user when executing each operation node in the logical path;

[0007] Determine the user's fatigue level when completing the corresponding service based on each of the target physical paths, and determine the service usability based on the fatigue level;

[0008] The overall usability of the target web application is determined based on the usability of each business function involved in the target web application.

[0009] According to another aspect of the present invention, a web application usability determination apparatus is provided, comprising:

[0010] The logical path determination module is used to determine the logical paths corresponding to each business of the target web application in response to the triggering of the web application usability evaluation event; wherein, the logical path is composed of each operation node passed through to complete the business.

[0011] The physical path determination module is used to determine the set of physical paths corresponding to the logical path of the current business for each business involved in the target web application, and to filter at least one target physical path of the current business from the set of physical paths; wherein, each physical path included in the set of physical paths is composed of the page elements actually operated by the user when executing each operation node in the logical path;

[0012] The service usability determination module is used to determine the fatigue level of a user in completing the corresponding service based on each of the target physical paths, and to determine the service usability based on the fatigue level.

[0013] The comprehensive usability determination module is used to determine the comprehensive usability of the target web application based on the usability of each business involved in the target web application.

[0014] According to another aspect of the present invention, an electronic device is provided, the electronic device comprising:

[0015] At least one processor; and

[0016] A memory communicatively connected to the at least one processor; wherein,

[0017] The memory stores a computer program that can be executed by the at least one processor, the computer program being executed by the at least one processor to enable the at least one processor to perform the web application usability determination method according to any embodiment of the present invention.

[0018] According to another aspect of the present invention, a computer-readable storage medium is provided, the computer-readable storage medium storing computer instructions for causing a processor to execute and implement the web application usability determination method according to any embodiment of the present invention.

[0019] The web application usability determination scheme of this invention, in response to the triggering of a web application usability evaluation event, determines the logical paths corresponding to various services involved in the target web application; wherein, the logical path consists of various operation nodes traversed to complete the service; for each service involved in the target web application, a set of physical paths corresponding to the logical path of the current service is determined, and at least one target physical path of the current service is selected from the set of physical paths; wherein, each physical path included in the set of physical paths consists of page elements actually operated by the user when executing various operation nodes in the logical path; the user's fatigue level in completing the corresponding service based on each target physical path is determined, and the service usability of the service is determined based on the fatigue level; based on the service usability corresponding to each service involved in the target web application, the overall usability of the target web application is determined. Through the technical solution provided by this invention, the usability of web applications can be accurately and objectively evaluated.

[0020] It should be understood that the description in this section is not intended to identify key or essential features of the embodiments of the present invention, nor is it intended to limit the scope of the invention. Other features of the invention will become readily apparent from the following description. Attached Figure Description

[0021] To more clearly illustrate the technical solutions in the embodiments of the present invention, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0022] Figure 1 A flowchart illustrating a method for determining the usability of a web application, as provided in an embodiment of the present invention;

[0023] Figure 2 A schematic diagram of a web page provided in an embodiment of the present invention;

[0024] Figure 3 This is a schematic diagram illustrating the display of element information for a page element, provided as an embodiment of the present invention.

[0025] Figure 4 This is a schematic diagram of the various operation nodes included in a certain logical path of the "vehicle passage record query" service provided in an embodiment of the present invention;

[0026] Figure 5 This is a schematic diagram illustrating the operation of a web application based on the user's visual cone characteristics, provided by an embodiment of the present invention.

[0027] Figure 6 This is a schematic diagram illustrating a user's operation on page elements, provided as an embodiment of the present invention.

[0028] Figure 7 A schematic diagram illustrating the transfer process of various page elements in a user's physical path, provided by an embodiment of the present invention;

[0029] Figure 8 A schematic diagram of the structure of a web application usability determination device provided in an embodiment of the present invention;

[0030] Figure 9 A schematic diagram of the structure of an electronic device for implementing the web application usability determination method of this embodiment of the invention. Detailed Implementation

[0031] To enable those skilled in the art to better understand the present invention, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings of the embodiments of the present invention. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort should fall within the scope of protection of the present invention.

[0032] It should be noted that the terms "first," "second," etc., in the specification, claims, and accompanying drawings of this invention are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of the invention described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover a non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0033] Figure 1 This is a flowchart illustrating a method for determining the usability of a web application according to an embodiment of the present invention. This embodiment is applicable to situations where the usability of a web application is evaluated. The method can be executed by a web application usability determination device, which can be implemented in hardware and / or software and can be configured in an electronic device. Figure 1 As shown, the method includes:

[0034] S110. In response to the web application usability evaluation event being triggered, determine the logical paths corresponding to each business involved in the target web application; wherein, the logical path consists of each operation node passed through to complete the business.

[0035] In this embodiment of the invention, when a user-inputted web application usability evaluation command is detected, it can be determined that a web application usability evaluation event has been triggered. In response to the triggering of the web application usability evaluation event, the logical paths corresponding to each business function involved in the target web application are determined, wherein the target web application is the web application used for usability evaluation. Since a web application is designed and developed for at least one business function, for each business function involved in the target web application, the operation nodes traversed to complete each business function are determined, and a logical path corresponding to each business function is generated based on each operation node. It can be understood that the logical path is the path composed of each operation node traversed sequentially from the start of business function execution to the completion of business function execution.

[0036] Optionally, the logical paths corresponding to each business involved in the target web application are determined, including: for each business involved in the target web application, obtaining the operation document corresponding to the current business and determining the operation instructions corresponding to the operation document; determining the web page composition information of the target web application; wherein, the web page composition information includes page components, page layout and script execution logic; and determining the logical path corresponding to the current business based on the operation instructions and the web page composition information.

[0037] Since web applications typically come pre-configured with web application manuals, which primarily guide users in operating the web application, these manuals contain operational documents for each business function involved in the web application. Therefore, the operational documents corresponding to each business function of the target web application can be obtained and analyzed to determine the corresponding operational instructions. Operational instructions can also be understood as instructions for completing the corresponding business function. These instructions can include the name of the operation object, the operation action, and a value (which can be empty). Optionally, the operational documents for each business function can be imported into a pre-trained large-scale operational instruction determination model. The operational instructions for that business function are determined based on the output of the large-scale model. The advantage of this setup is that parsing the operational documents through a large model results in more accurate and business-specific operational instructions. There can be one or multiple operational instructions; this embodiment of the invention does not limit the number of operational instructions for each business function. It should be noted that complex operational instructions can be broken down into multiple simpler instructions.

[0038] For example, the content of the operation document corresponding to a certain business of the target web application is: "Vehicle passage records can be queried by setting parameters such as time interval, license plate color, and license plate number. Example operation: Vehicle passage records from 11:00 AM on January 1, 2024 to 12:00 PM on February 1, 2024, with yellow license plates." This operation document contains three instructions: a. Set the vehicle passage time to 11:00 AM on January 1, 2024 to 12:00 PM on February 1, 2024; b. Set the license plate color to yellow; c. Query vehicle passage records. Therefore, the operation instructions generated by parsing the operation document are as shown in Table 1:

[0039] Table 1 Operation Instruction Table

[0040] Operation object name Operation Actions value Passing time set up 2024-01-0111:00:00，2024-02-0112:00:00 License plate color set up yellow Vehicle Passage Record Query none

[0041] In this embodiment of the invention, the target web application is imported into a pre-trained large-scale model for determining page structure. The large-scale model analyzes the target web application to parse all HTML elements, CSS styles, and JavaScript code. Based on the output of the large-scale model, the web page structure information of the target web application is determined. This web page structure information includes the page components, page layout (including the position and title of each component), and script execution logic for each page of the target web application. Then, based on the operation instructions corresponding to each business function and the web page structure information (page components, page layout, and script execution logic), the logical path corresponding to each business function is determined.

[0042] Optionally, determining the logical path corresponding to the current service based on the operation instructions and the web page composition information includes: determining each logical path element involved in the current service based on the operation instructions and the web page composition information; wherein, the logical path element is a set of nodes composed of the same type of operation nodes; and determining the logical path corresponding to the current service according to the operation nodes contained in each logical path element.

[0043] In this embodiment of the invention, based on the operation instructions and web page structure information of the current business, the operation nodes involved in the current business are determined, and the operation type of each operation node is determined. A set of operation nodes of the same operation type is taken as a logical path element, thereby determining at least one logical path element involved in the current business. Then, based on the operation nature of each operation node contained in each logical path element and the operation association relationships among the operation nodes contained in the logical path element, target operation nodes are determined from each logical path element, and logical paths corresponding to the current business are generated based on each target operation node. The operation nature of each operation node may include mandatory operations and optional operations, and the operation association relationships among the operation nodes may include ordered operations and unordered operations. The operation nature of each operation node and the operation association relationships among the operation nodes can be pre-configured.

[0044] Taking the "vehicle passage record query" service as an example, the process of determining the logical path corresponding to this service is illustrated. Figure 2 This is a schematic diagram of a web page provided as an embodiment of the present invention. For example... Figure 2 As shown, completing the "Vehicle Passage Record Inquiry" service involves two steps: inputting query conditions and issuing a query request. The number of query conditions and the input steps are relatively random during the operation and their order has no impact; they belong to the same type of operation and are optional. The query request, however, is a mandatory operation and belongs to another type of operation. Therefore, based on the definition of the logical path element above, the logical path element for query conditions can be represented as follows: Among them, O i ∈ [Optional operation] n The logical path element for a query request can be represented as: Among them, P j ∈ [Required Operation] m Where ∨ indicates that the set guarantees at least one operation node, that is... Figure 2 All query conditions within the blue area. The ∧ symbol indicates that the set contains all operation nodes, i.e. Figure 2 The "Query" operation node is located in the red area. Therefore, the logical path for the "Vehicle Passage Record Query" service can be represented as follows:

[0045]

[0046] For example, the logical path for the "Vehicle Passage Record Inquiry" service. logic The details are shown in Table 2:

[0047] Table 2 Logical Path Table

[0048] Serial Number Path content 1 License plate number -> License plate color -> Search 2 License plate number -> License plate color -> Passage time period -> Search

[0049] For example, Table 3 is a logical path meta-table corresponding to a certain service provided in an embodiment of the present invention:

[0050] Table 3 Logical Path Metatable

[0051]

[0052] Based on the three logical path elements corresponding to this business in Table 3 (logical path elements corresponding to serial numbers 1, 2, and 3 respectively), N logical paths can be determined, among which:

[0053]

[0054] Where A and C represent permutation and combination operations, respectively, and n, m, and x represent the number of operation nodes contained in each logical path element.

[0055] It should be noted that each business function of the target web application can have one or more logical paths. This embodiment of the invention does not limit the number of logical paths corresponding to each business function.

[0056] S120. For each business involved in the target web application, determine the set of physical paths corresponding to the logical path of the current business, and filter at least one target physical path of the current business from the set of physical paths; wherein, each physical path included in the set of physical paths consists of page elements actually operated by the user when executing each operation node in the logical path.

[0057] In this embodiment of the invention, for each business involved in the target web application, at least one physical path is determined for each logical path of the current business, and a set of physical paths corresponding to each logical path of the current business is generated based on the at least one physical path. Each physical path consists of page elements actually operated by the user when executing each operation node in the logical path. It can be understood that by traversing each operation node in the logical path, determining at least one page element actually operated by the user when executing the operation node, and determining at least one physical path corresponding to the logical path based on the at least one page element corresponding to each operation node in the logical path. The operation content corresponding to each operation node may include mouse click, mouse wheel scrolling, mouse dragging, keyboard input, etc.

[0058] Optionally, before determining the set of physical paths corresponding to the logical path of the current business for each business involved in the target web application, the method further includes: traversing each page element of the target web application, determining the element information of the page elements, and generating an element information set of the target web application based on each element information; determining the set of physical paths corresponding to the logical path of the current business includes: for each operation node in the logical path of the current business, determining at least one target element information matching the operation node from the element information set; determining at least one physical path based on the target element corresponding to each of the at least one target element information, and generating a set of physical paths corresponding to the logical path of the current business based on the at least one physical path.

[0059] In this embodiment of the invention, the target web application may involve multiple pages. Therefore, the page elements in each page of the target web application are determined, and a set of page elements of the target web application is generated based on all page elements in each page of the target web application. Each page element in the set of page elements of the target web application is traversed to determine the element information of each page element, and an element information set of the target web application is generated based on the element information. The element information may include the page element's own description information such as text, tips, and label, the description information of the container in which the page element is located (the container in which the page element is located can also be called the parent element of the page element), and the description information of the child elements of the page element. The description information of the container in which the page element is located includes the title of the container in which the page element is located. If the parent element of the page element does not have a title or other description information, the search continues upwards until a parent element with a title or other description information is found. Therefore, the element information set of the target web application can be represented as: Ele = [Ele1 Ele2 … Ele] n ], where n represents the number of page elements (i.e., the amount of page element information) contained in the target web application. The element information (also called element tag) of a single page element in the target web application can be represented as: Ele i {Self i {}, Parent i {},Son i {}}, where Self i {} represents the self-description information of a page element. i The curly braces {} can contain the page element's own text information, position, and actions (i.e., bound events such as click, change, etc.). i {} represents the parent description information of a page element, Soni {} represents the child description information of a page element. For example, in the "Vehicle Passage Record Query" example, the target web application page contains a query button (i.e., a page element), and the element information of the query button can be represented as: {Self1{Query},Parent1{Vehicle Passage Record},Son1{}}. Figure 3 This is a schematic diagram illustrating the display of element information for a page element, provided as an embodiment of the present invention. For example... Figure 3 As shown, the element information for the query button is indicated by the red box. Similarly, in Figure 3 In the page shown, the time picker element has "vehicle passage time" as its parent element. Therefore, the element information of the time picker can be represented as {Self2{vehicle passage time}, Parent2{vehicle passage record}, ​​Son2{}}. The element information of the time picker is as follows: Figure 3 As shown in the blue box.

[0060] For each logical path of the current business, traverse each operation node in the logical path, find at least one target element information that matches the operation node from the element information set, determine the corresponding target element based on the at least one target element information corresponding to each operation node in the logical path, and determine at least one physical path corresponding to the logical path based on each target element.

[0061] Optionally, the element information includes element text information, element position information, and element operation action information. For each operation node in the logical path of the current business, at least one target element information matching the operation node is determined from the element information set, including: for each operation node in the logical path of the current business, searching the element information set for first element information whose element text information matches the text corresponding to the operation node; when there are at least two first element information, determining the operation weight of the element operation action information in each first element information, and filtering second element information whose operation weight is greater than a preset weight threshold from the at least two first element information; when there are at least two second element information, determining the target distance between the page element corresponding to the second element information and the endpoint element corresponding to the endpoint operation node in the logical path of the current business based on the element position information in each second element information; and using at least one third element information whose target distance is less than a preset distance threshold as the target element information matching the operation node. The advantage of this setting is that it can quickly and accurately find the target element information matching each operation node in the logical path.

[0062] Because of the element information of each page element, Ele iSelf in i The curly braces {} contain information such as the page element's own text information (i.e., element text information), position (i.e. element position information), and operation action (i.e. element operation action information). Therefore, at least one target element information that matches the operation node is found from the element information set. The target element information is the element text information in the element information set that matches the text corresponding to the operation node, and the operation weight of the element operation action information is greater than a preset weight threshold, and the target distance between the page element and the endpoint element corresponding to the endpoint operation node in the logical path is less than a preset distance threshold.

[0063] For example, in a logical path corresponding to the "Vehicle Passage Record Inquiry" service, the query conditions include vehicle passage "time", "checkpoint", "license plate", etc., and the final operation is the "Query" button or the keyboard "Enter". Taking the "time" operation node as an example, at least one target element information matching the "time" operation node can be determined from the element information set through the following steps:

[0064] Step 1: Find the first element in the element information set whose text matches the text corresponding to the operation node, that is, Self. i The element information containing "time" is in {}. 1 When the first element information (i.e., Ele) 1 If the number of elements exceeds 1, proceed to Step 2; otherwise, complete the target element information filtering, denoted as Ele. time ;

[0065] Step 2: Determine the operation weight of the element operation information in each first element information, and select second element information whose operation weight is greater than a preset weight threshold from at least two first element information, that is, determine Ele. 1 Self in i The {} contains the element operation action information, and the operation weights corresponding to the pre-set element operation action information are obtained from Ele. 1 Filter the information of elements whose weight is greater than the preset weight threshold. 2 When the second element information (i.e., Ele) 2 If the number of elements exceeds 1, proceed to Step 3; otherwise, complete the target element information filtering, denoted as Ele. time ;

[0066] Step 3: Based on the element position information in each second element, determine the target distance between the page element corresponding to the second element and the endpoint element corresponding to the endpoint operation node in the logical path, that is, determine the element information Ele. 2 The corresponding page elements and Ele 查询The distance D of the corresponding endpoint element on the web page, from Ele 2 Ele filters out at least one element whose distance D is less than a preset distance threshold. 3 and Ele 3 As Ele time .

[0067] It should be noted that when Ele 3 When there are multiple, it can be determined according to Ele. 3 Operation weights of element operation actions (KO) and element information (Ele) 3 The corresponding page elements and Ele 查询 The distance D of the corresponding endpoint element on the web page determines Ele. 3 The element weights Ke, where, ∑Ke=1 means that the smaller the distance D, the larger the element weight Ke.

[0068] For example, a logical path in the "Vehicle Passage Record Inquiry" service contains four operation nodes: O1, O2, O3, and O4. A mapping table between these operation nodes and page elements is established through the steps described above, as shown in Table 4.

[0069] Table 4. Mapping Relationship between Operation Nodes and Page Elements

[0070]

[0071] Based on the mapping relationship table shown in Table 4, all physical paths corresponding to the logical paths can be constructed. phy .

[0072] For example, Figure 4 This is a schematic diagram of the various operation nodes included in a certain logical path of the "vehicle passage record query" service provided in an embodiment of the present invention, as shown below. Figure 4 As shown, operation node O2 corresponds to two target elements: the precise condition of the "time selection box" and the quick condition of "one day before or after". The physical paths corresponding to this logical path are shown in Table 5.

[0073] Table 5 Physical Path Table

[0074] Serial Number Element order describe 1 Ele1->Ele2->Ele4→Ele5 License plate -> Precise time -> Speed ​​range -> Search 2 Ele2->Ele1->Ele4→Ele5 Precise Time -> License Plate -> Speed ​​Range -> Search 3 Ele1->Ele2→Ele5 License plate -> Precise time -> Search 4 Ele1->Ele3->Ele4→Ele5 License plate -> Fast time -> Speed ​​range -> Search

[0075] In this embodiment of the invention, at least one target physical path for the current business can be selected from the set of physical paths based on the Traveling Salesman Problem (TSP) algorithm. For example, the target physical path can be the physical path with the highest completion priority in the set of physical paths, or it can be the physical path with the lowest cost loss in the set of physical paths.

[0076] Optionally, selecting at least one target physical path for the current service from the set of physical paths includes: for each physical path in the set of physical paths, determining the time cost and completion priority for completing the corresponding service based on the physical path; determining the operation cost of the physical path based on the time cost and the completion priority; and determining at least one target physical path from the set of physical paths whose operation cost is less than a preset cost threshold.

[0077] Because when users perform business operations on the web page, from Ele i The corresponding page element is converted to Ele. i+1 The corresponding page elements incur certain operational costs, which include, but are not limited to, mouse movement, page switching, mouse scrolling, mouse dragging, and the number of network requests for page data. The operational costs of switching between different page elements may be the same or different. The time cost between two page elements in the target web application that involve a switching operation can be expressed as:

[0078] Cost = [cost] 1,2 cost 1,3 … cost z-1,z (3)

[0079] For each physical path in the physical path set, determine the time cost and completion priority for completing the corresponding business based on the physical path. Specifically, find the time cost between any two adjacent target elements in the physical path from Formula 3, and sum the time costs between any two adjacent target elements in the physical path as the time cost of the physical path. For example, the time cost of the physical path can be expressed as... The completion priority of a physical path can be determined based on the operation weight of the corresponding operation node for each target element in the physical path and the execution order of the target elements. For example, the completion priority of a physical path can be represented as Σ. i∈Ele KO i • f(i), where f(i) is a function used to ensure that the target element corresponding to the operation node with the higher operation weight is listed as early as possible. For example, f(i) can be simply set as the target element in the physical path Path. phy The reciprocal of the middle position, that is, if it is the m-th target element, then KO i This represents the operation weight of the operation node corresponding to the i-th target element in the physical path. The operation cost of the physical path is determined based on the time cost and completion priority. For example, the operation cost of the physical path can be calculated using the following formula:

[0080]

[0081] Wherein, λ represents the weighting coefficient, which is used to balance the time cost of completing the corresponding business through the physical path and the importance of the completion priority.

[0082] It should be noted that in actual business logic, some steps have dependencies, meaning step i must depend on step j. In this case, an additional binary variable is needed to indicate whether step i is selected. j is part of the physical operation path, denoted as:

[0083]

[0084] In addition, the physical path of the operation needs to remain continuous; that is, for each target element, the following must be satisfied:

[0085] ∑ j:(j,i)∈E X i,j =∑ j:(j,i)∈E X j,i (6)

[0086] Formula (6) indicates that the outflow and inflow connections in the current step are equal.

[0087] It is understandable that the constraints of formulas (5) and (6) need to be met in the process of calculating the operational cost of the physical path.

[0088] The operation cost corresponding to each physical path in the physical path set can be determined in the above manner. Therefore, physical paths with operation costs less than the preset cost threshold are selected as target physical paths.

[0089] S130. Determine the user's fatigue level when completing the corresponding service based on each target physical path, and determine the service usability based on the fatigue level.

[0090] Generally speaking, the optimal field of vision for the human eye is a spatial cone centered on the normal line of sight, with a line intersecting the center line at a 15° angle as its generatrix. Within this range lies the optimal visual field. When the physical path of a task falls within this optimal field of vision, the user can perform tasks clearly and comfortably. Conversely, when the physical path is outside the optimal field of vision, the user needs to move their eyes, head, or drag the page to bring the target element within the current physical path into the optimal field of vision. For example, Figure 5 This is a schematic diagram illustrating the operation of a web application based on the user's visual cone characteristics, as provided in an embodiment of the present invention. Figure 5As shown, considering specific web application scenarios (including ordinary monitor screens and large-screen video walls), a coordinate system is established with the screen center as the origin. It is assumed that the center point of the user's eyes is located on the z-axis with coordinates (0, 0, d), where d is the distance from the center point of both eyes to the screen; r = d·tan(γ) is the radius of the circle where the visual cone intersects the screen; and γ is the angle between the center line of the visual cone and the generatrix, typically 15°. The position of page elements in a web page can be represented as P_Ele. i =(P x,i ,P y,i Therefore, the fatigue level of a user completing the corresponding service based on each target physical path is determined according to the user's visible cone characteristics. For example, the position information of each target element in the physical path can be input into a pre-trained fatigue level determination model, and the fatigue level of the user completing the corresponding service based on the output of the fatigue level determination model can be used to determine the fatigue level of the user completing the corresponding service based on each target physical path.

[0091] Optionally, the fatigue level of the user completing the corresponding service based on each of the target physical paths is determined, including: for each target element in each target physical path, determining the first eye angle when the user operates on the current target element and the second eye angle when operating on the previous target element based on the user's visual cone characteristics; determining the eye rotation angle of the user from the previous target element to the current target element based on the first eye angle and the second eye angle; determining the user's operation fatigue level on the current target element based on the first eye angle, the second eye angle, and the eye rotation angle; and determining the user's fatigue level completing the corresponding service based on the operation fatigue level corresponding to each target element in the target physical path.

[0092] Elements on a web page located outside the optimal viewing cone require users to move their eyes, head, or drag the mouse to view them. For example, Figure 6 This is a schematic diagram illustrating a user's operation on page elements, provided as an embodiment of the present invention. For example... Figure 6 As shown, when the user's operation moves from element 1 to element 2, the visible cone cross-section changes from 1 to 2; when the user's operation moves from element 2 to element 3, the visible cone cross-section changes from 2 to 3. When the user operates on elements 1, 2, and 3 respectively, the intersection points of the center line of the user's visual cone with the screen are "center point 1", "center point 2", and "center point 3", respectively. Taking the "vehicle passage record query" service as an example, the corresponding physical path is "vehicle passage time -> annual inspection tag -> vehicle speed range query". For example, Figure 7 This is a schematic diagram illustrating the transfer process of various page elements in a user's physical path, provided as an embodiment of the present invention. For example... Figure 7 As shown, as the user clicks on each target element in the physical path "Vehicle Passage Time -> Annual Inspection Label -> Vehicle Speed ​​Range Query", the visible cone changes from 1 to 3.

[0093] In this embodiment of the invention, for each target element in each target physical path, the user's first eye angle when operating on the current target element and the second eye angle when operating on the previous target element are determined based on the user's visual cone characteristics. The first eye angle may include an angle α in the x-axis direction. i and the angle β in the y-axis direction i The angle of the second eyeball can include the angle α in the x-axis direction. i-1 and the angle β in the y-axis direction i-1 The eye rotation angle from the previous target element to the current target element is determined based on the first and second eye rotation angles. This eye rotation angle can be expressed as: Δα i =|α i -α i-1 |,Δβ i =|β i -β i-1 In practical applications, α i β i , Δα i Δβ i The coordinates of each target element in the physical path are obtained through coordinate transformation and trigonometric function calculations, which will not be elaborated further. The user's operational fatigue level towards the current target element is determined based on the first eye angle, the second eye angle, and the eye rotation angle. For example, operational fatigue level can be expressed as:

[0094]

[0095] In formula (7), the first two terms represent the cumulative effect of the user's angle rotation, and the last two terms represent the effect of the current eye angle when operating the current target element. Additionally, K... x K y These represent the weights of the current eye angle's influence along the x and y axes, respectively, and can be set according to actual conditions. KO x,i KO y,i These represent the operation weights when operating on the current target element in the x and y directions, respectively, and can also be set according to the actual situation. This indicates the cost of additional operations, which can be set according to the actual situation, such as... Figure 6When performing an operation on element 3, since element 3 is already outside the current view area, it is necessary to bring it into the current view area through page navigation or mouse wheel scrolling, which will incur additional operation costs.

[0096] In this embodiment of the invention, the operational fatigue level corresponding to each target element in the target physical path can be determined through the above steps. Since the fatigue level accumulates during business operations based on the target physical path, the sum of the operational fatigue levels corresponding to all target elements in the target physical path is taken as the user's fatigue level in completing the corresponding business based on the target physical path. That is, the fatigue level T corresponding to the target physical path is calculated according to the following formula. w :

[0097]

[0098] In this embodiment of the invention, the fatigue level corresponding to each target physical path of each service can be determined through the above steps. Therefore, the service usability of the service can be determined based on the fatigue level corresponding to each target physical path of the service. For example, the sum of the fatigue levels corresponding to each target physical path of the service can be used as the service usability of the service.

[0099] S140. Determine the overall usability of the target web application based on the usability of each business involved in the target web application.

[0100] In this embodiment of the invention, the ease of use of each service involved in the target web application can be determined through the above steps. Therefore, the sum of the ease of use of each service involved in the target web application is taken as the overall ease of use of the target web application. The ease of use of the target web application is evaluated based on the overall ease of use. The higher the overall ease of use, the higher the ease of use of the target web application, and the easier it is to promote to the user group.

[0101] Optionally, user habits can be recorded through browser local caching, IndexedDB, etc., and the position and order of elements can be automatically adjusted to enhance the usability of web applications to a certain extent. Therefore, corresponding business adaptability ΔE can be pre-set for each business function of the target web application. i Therefore, the overall ease of use (Easy) of a target web application can also be calculated based on the following formula:

[0102]

[0103] Among them, E i,j ΔE represents the usability of the service corresponding to the j-th target physical path in the i-th service item. iT represents the business adaptability corresponding to the i-th business item. wj This represents the fatigue level corresponding to the j-th target physical path.

[0104] The web application usability determination method of this invention, in response to the triggering of a web application usability evaluation event, determines the logical paths corresponding to various services involved in the target web application; wherein, the logical path consists of various operation nodes traversed to complete the service; for each service involved in the target web application, determines a set of physical paths corresponding to the logical path of the current service, and filters at least one target physical path of the current service from the set of physical paths; wherein, each physical path included in the set of physical paths consists of page elements actually operated by the user when executing various operation nodes in the logical path; determines the user's fatigue level in completing the corresponding service based on each target physical path, and determines the service usability of the service based on the fatigue level; and determines the overall usability of the target web application based on the service usability corresponding to each service involved in the target web application. Through the technical solution provided by this invention, the usability of web applications can be accurately and objectively evaluated.

[0105] Figure 8 This is a schematic diagram of a web application usability determination device provided in an embodiment of the present invention. Figure 8 As shown, the device includes:

[0106] The logical path determination module 810 is used to determine the logical paths corresponding to each business involved in the target web application in response to the triggering of the web application usability evaluation event; wherein, the logical path is composed of each operation node passed through to complete the business.

[0107] The physical path determination module 820 is used to determine the set of physical paths corresponding to the logical path of the current business for each business involved in the target web application, and to filter at least one target physical path of the current business from the set of physical paths; wherein, each physical path included in the set of physical paths is composed of page elements actually operated by the user when executing each operation node in the logical path;

[0108] The service usability determination module 830 is used to determine the fatigue level of a user completing the corresponding service based on each of the target physical paths, and to determine the service usability based on the fatigue level.

[0109] The comprehensive usability determination module 840 is used to determine the comprehensive usability of the target web application based on the business usability corresponding to each business involved in the target web application.

[0110] Optional, the logical path determination module includes:

[0111] The operation instruction determination unit is used to obtain the operation document corresponding to the current business for each business involved in the target web application, and determine the operation instruction corresponding to the operation document.

[0112] A web page composition information determination unit is used to determine the web page composition information of the target web application; wherein, the web page composition information includes page component elements, page layout, and script execution logic;

[0113] The logical path determination unit is used to determine the logical path corresponding to the current business based on the operation instruction and the web page composition information.

[0114] Optional, logical path determination unit, used for:

[0115] Based on the operation instructions and the web page composition information, the various logical path elements involved in the current business are determined; wherein, the logical path element is a set of nodes composed of the same type of operation nodes;

[0116] The logical path corresponding to the current business is determined based on the operation nodes contained in each of the logical path elements.

[0117] Optional, also includes:

[0118] The element information set generation module is used to traverse each page element of the target web application, determine the element information of the page element, and generate the element information set of the target web application based on each element information before determining the physical path set corresponding to the logical path of the current business for each business involved in the target web application.

[0119] The physical path determination module includes:

[0120] The target element information determination unit is used to determine at least one target element information that matches the operation node from the element information set for each operation node in the logical path of the current service.

[0121] The physical path set generation unit is used to determine at least one physical path based on the target element corresponding to each of the at least one target element information, and to generate a physical path set corresponding to the logical path of the current service based on the at least one physical path.

[0122] Optionally, the element information includes element text information, element position information, and element operation action information;

[0123] The target element information determination unit is used for:

[0124] For each operation node in the logical path of the current business, search the element information set for the first element information that matches the text information of the element with the text corresponding to the operation node.

[0125] When there are at least two pieces of the first element information, the operation weight of the element operation action information in each piece of the first element information is determined, and the second element information whose operation weight is greater than a preset weight threshold is selected from the at least two pieces of the first element information.

[0126] When there are at least two pieces of the second element information, the target distance between the page element corresponding to the second element information and the endpoint element corresponding to the endpoint operation node in the logical path of the current business is determined according to the element position information in each piece of the second element information.

[0127] At least one third element, selected from at least two second element information where the target distance is less than a preset distance threshold, is used as the target element information to match the operation node.

[0128] Optional, a physical path determination module, used for:

[0129] For each physical path in the set of physical paths, determine the time cost and completion priority for completing the corresponding business based on the physical path;

[0130] The operation cost of the physical path is determined based on the time consumption cost and the completion priority.

[0131] Determine at least one target physical path from the set of physical paths whose operating cost is less than a preset cost threshold.

[0132] Optional, a business usability determination module is used for:

[0133] For each target element in each target physical path, the user's first eye angle when operating on the current target element and the second eye angle when operating on the previous target element are determined based on the user's visual cone characteristics.

[0134] The eye rotation angle of the user from the previous target element to the current target element is determined based on the first eye angle and the second eye angle.

[0135] The user's fatigue level in relation to the current target element is determined based on the first eye angle, the second eye angle, and the eye rotation angle.

[0136] Based on the operational fatigue level corresponding to each target element in the target physical path, the user's fatigue level in completing the corresponding business based on the target physical path is determined.

[0137] The web application usability determination device provided in the embodiments of the present invention can execute the web application usability determination method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of executing the method.

[0138] Figure 9 A schematic diagram of an electronic device 10 that can be used to implement embodiments of the present invention is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the invention described and / or claimed herein.

[0139] like Figure 9 As shown, the electronic device 10 includes at least one processor 11 and a memory, such as a read-only memory (ROM) 12 or a random access memory (RAM) 13, communicatively connected to the at least one processor 11. The memory stores computer programs executable by the at least one processor. The processor 11 can perform various appropriate actions and processes based on the computer program stored in the ROM 12 or loaded from storage unit 18 into the RAM 13. The RAM 13 may also store various programs and data required for the operation of the electronic device 10. The processor 11, ROM 12, and RAM 13 are interconnected via a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0140] Multiple components in electronic device 10 are connected to I / O interface 15, including: input unit 16, such as keyboard, mouse, etc.; output unit 17, such as various types of displays, speakers, etc.; storage unit 18, such as disk, optical disk, etc.; and communication unit 19, such as network card, modem, wireless transceiver, etc. Communication unit 19 allows electronic device 10 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0141] Processor 11 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. Processor 11 performs the various methods and processes described above, such as methods for determining the usability of web applications.

[0142] In particular, according to embodiments of the present invention, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of the present invention include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication unit 19, or installed from storage unit 18, or installed from ROM 12. When the computer program is executed by processor 11, it performs the functions defined in the methods of the embodiments of the present invention.

[0143] In some embodiments, the web application usability determination method may be implemented as a computer program tangibly contained in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on electronic device 10 via ROM 12 and / or communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the web application usability determination method described above may be performed. Alternatively, in other embodiments, processor 11 may be configured to perform the web application usability determination method by any other suitable means (e.g., by means of firmware).

[0144] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-a-chip (SoCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transferring data and instructions to the storage system, the at least one input device, and the at least one output device.

[0145] Computer programs used to implement the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, such that when executed by the processor, the computer programs cause the functions / operations specified in the flowcharts and / or block diagrams to be performed. The computer programs may be executed entirely on a machine, partially on a machine, or as a standalone software package, partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0146] In the context of this invention, a computer-readable storage medium can be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, apparatus, or device. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination thereof. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0147] To provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).

[0148] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or computing systems that include middleware components (e.g., application servers), or computing systems that include frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., communication networks). Examples of communication networks include local area networks (LANs), wide area networks (WANs), blockchain networks, and the Internet.

[0149] A computing system can include clients and servers. Clients and servers are generally located far apart and typically interact through a communication network. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or cloud host, which is a hosting product within the cloud computing service system to address the shortcomings of traditional physical hosts and VPS services, such as high management difficulty and weak business scalability.

[0150] It should be understood that the various forms of processes shown above can be used, with steps reordered, added, or deleted. For example, the steps described in this invention can be executed in parallel, sequentially, or in different orders, as long as the desired result of the technical solution of this invention can be achieved, and this is not limited herein.

[0151] The specific embodiments described above do not constitute a limitation on the scope of protection of this invention. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this invention should be included within the scope of protection of this invention.

Claims

1. A method for determining the usability of a web application, characterized in that, include: In response to the web application usability evaluation event being triggered, the logical paths corresponding to each business function involved in the target web application are determined respectively; wherein, the logical path is composed of each operation node traversed to complete the business function; For each business involved in the target web application, a set of physical paths corresponding to the logical path of the current business is determined, and at least one target physical path of the current business is selected from the set of physical paths; wherein, each physical path included in the set of physical paths consists of the page elements actually operated by the user when executing each operation node in the logical path; Determine the user's fatigue level when completing the corresponding service based on each of the target physical paths, and determine the service usability based on the fatigue level; The overall usability of the target web application is determined based on the usability of each business function involved in the target web application.

2. The method according to claim 1, characterized in that, Determine the logical paths corresponding to each business function involved in the target web application, including: For each business involved in the target web application, obtain the operation document corresponding to the current business, and determine the operation instructions corresponding to the operation document; Determine the web page structure information of the target web application; wherein, the web page structure information includes page component elements, page layout, and script execution logic; The logical path corresponding to the current business is determined based on the operation instructions and the web page structure information.

3. The method according to claim 2, characterized in that, Determining the logical path corresponding to the current business based on the operation instructions and the web page structure information includes: Based on the operation instructions and the web page composition information, the various logical path elements involved in the current business are determined; wherein, the logical path element is a set of nodes composed of the same type of operation nodes; The logical path corresponding to the current business is determined based on the operation nodes contained in each of the logical path elements.

4. The method according to claim 1, characterized in that, Before determining the set of physical paths corresponding to the logical path of the current business for each business involved in the target web application, the method further includes: Traverse each page element of the target web application, determine the element information of the page elements, and generate an element information set of the target web application based on each element information. Determine the set of physical paths corresponding to the logical path of the current service, including: For each operation node in the logical path of the current service, at least one target element information matching the operation node is determined from the element information set; Based on the target element corresponding to each of the at least one target element information, at least one physical path is determined, and a set of physical paths corresponding to the logical path of the current service is generated based on the at least one physical path.

5. The method according to claim 4, characterized in that, The element information includes element text information, element position information, and element operation action information; For each operation node in the logical path of the current service, determine at least one target element information matching the operation node from the element information set, including: For each operation node in the logical path of the current business, search the element information set for the first element information that matches the text information of the element with the text corresponding to the operation node. When there are at least two pieces of the first element information, the operation weight of the element operation action information in each piece of the first element information is determined, and the second element information whose operation weight is greater than a preset weight threshold is selected from the at least two pieces of the first element information. When there are at least two pieces of the second element information, the target distance between the page element corresponding to the second element information and the endpoint element corresponding to the endpoint operation node in the logical path of the current business is determined according to the element position information in each piece of the second element information. At least one third element, selected from at least two second element information where the target distance is less than a preset distance threshold, is used as the target element information to match the operation node.

6. The method according to claim 1, characterized in that, Filtering at least one target physical path for the current service from the set of physical paths includes: For each physical path in the set of physical paths, determine the time cost and completion priority for completing the corresponding business based on the physical path; The operation cost of the physical path is determined based on the time consumption cost and the completion priority. Determine at least one target physical path from the set of physical paths whose operating cost is less than a preset cost threshold.

7. The method according to claim 1, characterized in that, Determine the user's fatigue level when completing the corresponding service based on each of the target physical paths, including: For each target element in each target physical path, the user's first eye angle when operating on the current target element and the second eye angle when operating on the previous target element are determined based on the user's visual cone characteristics. The eye rotation angle of the user from the previous target element to the current target element is determined based on the first eye angle and the second eye angle. The user's fatigue level in relation to the current target element is determined based on the first eye angle, the second eye angle, and the eye rotation angle. Based on the operational fatigue level corresponding to each target element in the target physical path, the user's fatigue level in completing the corresponding business based on the target physical path is determined.

8. A device for determining the usability of a web application, characterized in that, include: The logical path determination module is used to determine the logical paths corresponding to each business of the target web application in response to the triggering of the web application usability evaluation event; wherein, the logical path is composed of each operation node passed through to complete the business. The physical path determination module is used to determine the set of physical paths corresponding to the logical path of the current business for each business involved in the target web application, and to filter at least one target physical path of the current business from the set of physical paths; wherein, each physical path included in the set of physical paths is composed of the page elements actually operated by the user when executing each operation node in the logical path; The service usability determination module is used to determine the fatigue level of a user in completing the corresponding service based on each of the target physical paths, and to determine the service usability based on the fatigue level. The comprehensive usability determination module is used to determine the comprehensive usability of the target web application based on the usability of each business involved in the target web application.

9. An electronic device, characterized in that, The electronic device includes: At least one processor; and A memory communicatively connected to the at least one processor; wherein, The memory stores a computer program that can be executed by the at least one processor to enable the at least one processor to perform the usability determination method for the web application according to any one of claims 1-7.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer instructions that cause a processor to execute the usability determination method for the web application according to any one of claims 1-7.

Images