A form filling page dynamic adjustment method, device and equipment and storage medium

Abstract

The application discloses a form filling page dynamic adjustment method and device, equipment and storage medium, and relates to the technical field of information processing. The method is to generate an initial form filling page of a current form to be filled according to screen characteristic information of a current form filling device, and output and display the initial form filling page, then when detecting that a user triggers an input event on a certain input control element of the current form to be filled, acquire the latest user behavior data before triggering the input event, then according to the latest user behavior data, predict the next input speed of the user by using a machine learning algorithm, and finally when the next input speed is too slow, adjust the current form filling page, so that the new form filling page obtained after the adjustment can help the user to input content faster, so that the form filling page before and after the adjustment can be adapted to the device characteristics, and the user form filling efficiency can be improved and the user form filling experience can be optimized.

Description

Technical Field

[0001] This invention belongs to the field of information processing technology, specifically relating to a method, apparatus, device, and storage medium for dynamically adjusting a form filling page. Background Technology

[0002] Forms are digital media used to store data, containing various components. Users can design and generate forms according to their needs. In existing internet services, form filling page design systems commonly use preset templates and layouts for users to choose from. Users can select appropriate objects from fixed templates and layouts to generate form filling pages. For some general and relatively unchanging needs, this method can meet basic requirements. However, this approach rarely considers the characteristics of the page display device and the differences in user behavior among different users on the same page display device. This makes it difficult to ensure device compatibility and meet the dynamic and personalized needs of users filling out forms, thus limiting the improvement of form filling efficiency and user experience. Summary of the Invention

[0003] The purpose of this invention is to provide a method, apparatus, computer device, and computer-readable storage medium for dynamically adjusting form filling pages, in order to solve the problem that existing form filling page design systems are unable to ensure device compatibility and meet the dynamic and personalized needs of users filling out forms, thereby limiting the efficiency of form filling and the improvement of user experience.

[0004] To achieve the above objectives, the present invention adopts the following technical solution:

[0005] Firstly, a method for dynamically adjusting form filling pages is provided, including:

[0006] Obtain the screen characteristic information of the current form-filling device, wherein the current form-filling device refers to an electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form;

[0007] Based on the screen characteristic information, an initial form filling page for the current form to be filled is generated, wherein the initial form filling page presents multiple input control elements of the current form to be filled;

[0008] The initial form-filling page is pushed to the current form-filling device for output and display;

[0009] When it is detected that the user currently filling out the form has triggered an input event on a certain input control element of the current form, the most recent user behavior data before the input event was triggered is obtained;

[0010] Based on the recent user behavior data, a machine learning algorithm is used to predict the speed of the next input by the current user who is about to fill out the form.

[0011] If the input speed of the next step is too slow, adjust the current form page of the current form to be filled so that the new form page can help the user to input content faster.

[0012] The newly filled-out form page is pushed to the current form-filling device for output and display.

[0013] Based on the above-mentioned invention, a dynamic adjustment scheme for form filling pages is provided that ensures device adaptability and meets the dynamic and personalized needs of users filling out forms. First, an initial form filling page is generated based on the screen characteristics of the current form-filling device, and this initial page is displayed. Then, when an input event is detected on a user's input control element of the current form, the most recent user behavior data before the input event is triggered is obtained. Next, based on this data, a machine learning algorithm is used to predict the speed of the user's next input step. Finally, if the next input step is too slow, the current form filling page is adjusted so that the adjusted page helps the user input content faster. This not only ensures that the form filling pages before and after adjustment are adapted to device characteristics, but also automatically adjusts the optimal form layout and interaction method based on user behavior to meet the dynamic and personalized needs of users. This improves user form-filling efficiency and optimizes the user experience, facilitating practical application and promotion.

[0014] In one possible design, the screen characteristics information of the current form-filling device is obtained, including:

[0015] The system uses CSS Media Queries, DeviceDetector, or ua-parser-js to query the screen size, screen resolution, screen orientation, and / or operating system of the current form-filling device. The query results are used as the screen characteristic information of the current form-filling device. The current form-filling device refers to the electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form.

[0016] In one possible design, based on the screen characteristic information, an initial form-filling page for the current form to be filled is generated, including:

[0017] Based on the screen characteristic information and the preset layout strategy, the initial layout parameters of all form elements in the current form to be filled are determined, wherein all form elements include multiple input control elements, and the initial layout parameters include the initial layout method of the form elements, the initial size of the form elements, and the initial position of the form elements.

[0018] The initial layout parameters of all the form elements are sent to the backend React application, so that the React application can define the initial layout parameters through frontend code containing HTML code and / or JSX code, and finally generate the initial form filling page of the current form to be filled, which presents the multiple input control elements.

[0019] In one possible design, before detecting that the user currently filling out the form has triggered an input event on one of the input control elements of the current form, the method further includes:

[0020] The addEventListener function is used to listen for whether the user of the current form has triggered input events on the various input control elements of the current form.

[0021] In one possible design, based on the recent user behavior data, a machine learning algorithm is used to predict the speed of the next input by the current user awaiting form completion, including:

[0022] The recent user behavior data is used as the test sample data and input into a pre-trained user input speed prediction model based on machine learning algorithms. The output is the speed of the next input by the current user who is about to fill in the form.

[0023] In one possible design, the user input speed prediction model is pre-trained as follows:

[0024] The system acquires multiple form-filling behavior data generated by different users interacting on the same device. The same device refers to an electronic device of the same type as the current form-filling device. The form-filling behavior data includes the content filled in, the filling order, and the filling duration.

[0025] For each form filling behavior data in the multiple form filling behavior data, the corresponding user behavior data and input speed before the input event is triggered for each input control element are extracted according to the corresponding data, wherein the input speed is represented by input speed or text editing frequency;

[0026] The most recent user behavior data before multiple input events are triggered is used as sample data, and multiple input speed levels corresponding one-to-one with the most recent user behavior data before multiple input events are used as label data. These are then imported into a machine learning algorithm module based on recurrent neural networks for training to obtain the user input speed prediction model.

[0027] In one possible design, when the speed of the next input step is too slow, the current form page of the current form to be filled is adjusted so that the adjusted new form page can help the user to input content faster, including:

[0028] When the input speed of the next step is slower than a preset threshold, a modal window element for providing detailed filling guidance for a certain input control element or a selection bar element for providing intelligent input suggestions for a certain input control element is added to the current form filling page of the current form to be filled. This is so that the adjusted new form filling page can help the current user to fill in the form to input content faster. The intelligent input suggestions are obtained by intelligently processing the historical content filled in by different users on a certain input control element.

[0029] Secondly, a form filling page dynamic adjustment device is provided, including an information acquisition module, an initial page generation module, a form filling page display module, a behavior data acquisition module, a speed prediction module, and a form filling page adjustment module.

[0030] The information acquisition module is used to acquire the screen characteristic information of the current form-filling device, wherein the current form-filling device refers to an electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form.

[0031] The initial page generation module is communicatively connected to the information acquisition module and is used to generate an initial form filling page for the current form to be filled based on the screen characteristic information. The initial form filling page presents multiple input control elements of the current form to be filled.

[0032] The form filling page display module is communicatively connected to the initial page generation module and is used to push the initial form filling page to the current form filling device for output display;

[0033] The behavior data acquisition module is used to acquire the most recent user behavior data before the input event was triggered when it is detected that the user of the current form to be filled has triggered an input event on a certain input control element of the current form to be filled.

[0034] The speed prediction module is communicatively connected to the behavior data acquisition module and is used to predict the speed of the next input by the current user to fill out the form based on the recent user behavior data and a machine learning algorithm.

[0035] The form filling page adjustment module is communicatively connected to the speed prediction module. It is used to adjust the current form filling page of the current form to be filled when the speed of the next input is too slow, so that the new form filling page obtained after adjustment can help the current user to fill in the form to input content faster.

[0036] The form filling page display module is also communicatively connected to the form filling page adjustment module, and is also used to push the new form filling page to the current form filling device for output display.

[0037] Thirdly, the present invention provides a computer device comprising a memory, a processor, and a transceiver connected in sequence for communication, wherein the memory is used to store a computer program, the transceiver is used to send and receive messages, and the processor is used to read the computer program and execute the form filling page dynamic adjustment method as described in the first aspect or any possible design in the first aspect.

[0038] Fourthly, the present invention provides a computer-readable storage medium storing instructions that, when executed on a computer, perform the form filling page dynamic adjustment method as described in the first aspect or any possible design within the first aspect.

[0039] Fifthly, the present invention provides a computer program product containing instructions that, when the instructions are executed on a computer, cause the computer to perform the form filling page dynamic adjustment method as described in the first aspect or any possible design in the first aspect.

[0040] The beneficial effects of the above scheme are:

[0041] (1) This invention creatively provides a dynamic adjustment scheme for form filling pages that can ensure device compatibility and meet the dynamic and personalized needs of users filling out forms. First, based on the screen characteristics of the current form filling device, an initial form filling page for the current form to be filled is generated and displayed. Then, when an input event is detected that the user has triggered an input control element on the current form to be filled, the most recent user behavior data before the input event is triggered is obtained. Then, based on the most recent user behavior data, a machine learning algorithm is used to predict the speed of the user's next input. Finally, when the speed of the next input is too slow, the current form filling page is adjusted so that the new form filling page can help the user input content faster. In this way, not only can the form filling page before and after the adjustment be adapted to the device characteristics, but the optimal form layout and interaction method can also be automatically adjusted based on user behavior to meet the dynamic and personalized needs of users. This can improve the efficiency of users filling out forms and optimize the user's form filling experience, which is convenient for practical application and promotion. Attached Figure Description

[0042] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the 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.

[0043] Figure 1 This is a flowchart illustrating the method for dynamically adjusting a form filling page provided in an embodiment of this application.

[0044] Figure 2 This is a schematic diagram of the structure of the form filling page dynamic adjustment device provided in the embodiments of this application.

[0045] Figure 3 A schematic diagram of the structure of a computer device provided in an embodiment of this application. Detailed Implementation

[0046] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the present invention will be briefly introduced below in conjunction with the accompanying drawings and descriptions of the embodiments or the prior art. Obviously, the following description of the structure of the accompanying drawings is 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. It should be noted that the description of these embodiments is for the purpose of helping to understand the present invention, but does not constitute a limitation of the present invention.

[0047] It should be understood that although the terms "first" and "second", etc., may be used herein to describe various objects, these objects should not be limited by these terms. These terms are only used to distinguish one object from another. For example, the first object may be referred to as the second object, and similarly, the second object may be referred to as the first object, without departing from the scope of the exemplary embodiments of the invention.

[0048] It should be understood that the term "and / or" that may appear in this document is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can mean: A exists alone, B exists alone, or A and B exist simultaneously. Another example is A, B and / or C, which can mean that any one of A, B, and C or any combination thereof exists. The term " / and" that may appear in this document describes another relationship between related objects, indicating that two relationships can exist. For example, A / and B can mean: A exists alone or A and B exist simultaneously. In addition, the character " / " that may appear in this document generally indicates that the related objects before and after it are in an "or" relationship.

[0049] Example:

[0050] like Figure 1 As shown, the method for dynamically adjusting the form filling page provided in the first aspect of this embodiment can be executed, but is not limited to, by a computer device with certain computing resources, such as a platform server, a personal computer (PC, referring to a multi-purpose computer of a size, price, and performance suitable for personal use; desktop computers, laptops, mini-laptops, tablets, and ultrabooks all belong to personal computers), a smartphone, a personal digital assistant (PDA), or a wearable device, etc. Figure 1 As shown, the method for dynamically adjusting the form filling page may include, but is not limited to, the following steps S1 to S7.

[0051] S1. Obtain the screen characteristic information of the current form-filling device, wherein the current form-filling device refers to an electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form.

[0052] In step S1, the current form-filling device can be, but is not limited to, an electronic device such as a smartphone, tablet, or laptop. The current user to fill out the form is the user who needs to fill out the current form. For example, when a user is using an e-commerce application and needs to fill out a shopping information form, that shopping information form is the current form to fill out, and the user is the current user to fill out the form. The screen characteristic information can include, but is not limited to, screen size, screen resolution, screen orientation, and / or the operating system used for screen display. Specifically, obtaining the screen characteristic information of the current form-filling device includes, but is not limited to, using methods such as CSS Media Queries, DeviceDetector, or ua-parser-js to query the screen size, screen resolution, screen orientation, and / or the operating system used for screen display, and using the query results as the screen characteristic information of the current form-filling device. The current form-filling device refers to the electronic device used to display the current form to fill out to the current user and enable the current user to fill out the form. The aforementioned CSS Media Queries method, DeviceDetector library detection method, or ua-parser-js library detection method are all existing methods for obtaining device characteristics, and therefore can be applied to this embodiment.

[0053] S2. Based on the screen characteristic information, generate an initial form filling page for the current form to be filled, wherein the initial form filling page presents, but is not limited to, multiple input control elements of the current form to be filled.

[0054] In step S2, the initial form-filling page is the initial layout and interaction design result of the current form to be filled. The multiple input control elements correspond one-to-one with multiple information fields of the current form to be filled, allowing different information fields to be input using different input control elements. For example, when the multiple information fields are "name," "email," and "message," three input control elements for inputting "name," "email," and "message" will be presented on the initial form-filling page. Specifically, generating the initial form-filling page based on the screen characteristic information includes, but is not limited to, the following steps S21-22.

[0055] S21. Based on the screen characteristic information and the preset layout strategy, determine the initial layout parameters of all form elements in the current form to be filled, wherein all form elements include, but are not limited to, multiple input control elements, and the initial layout parameters include, but are not limited to, the initial layout method of form elements, the initial size of form elements, and the initial position of form elements.

[0056] In step S21, the layout strategy can be preset and configured through a database, specified by the form designer, or automatically determined in a personalized manner based on the latest user profile information of the current user to be filled out: that is, after obtaining multiple user profile information of different users, for each user profile information in the multiple user profile information, an adaptive algorithm is first used to determine at least one form filling page layout style suitable for the corresponding user, wherein the at least one form filling page layout style includes a form filling page background style, a form filling page text style, a form filling page input control individual style, and / or a form filling page input control layout style; the latest user profile information of the current user to be filled out and multiple information fields of the current form to be filled out are obtained; based on the latest user profile information, a recommendation algorithm is used to determine the most suitable combination of form filling page layout styles for the current user to be filled out as the layout strategy from all the form filling page layout styles, wherein the combination of form filling page layout styles includes the form filling page background style, the form filling page text style, the form filling page input control individual style, and / or the form filling page input control layout style. Alternatively, the user profile information of the current user awaiting form completion and multiple information fields of the current form can be obtained. Based on the user profile information, an adaptive algorithm is used to determine at least one form filling page layout style suitable for the current user and serving as a layout strategy. The at least one form filling page layout style includes a form filling page background style, a form filling page text style, individual styles of form filling page input controls, and / or a form filling page input control layout style. More specifically, obtaining multiple user profile information for different users includes: obtaining historical behavior data for any user; based on the historical behavior data, a machine learning algorithm is used to determine the user profile information for any user. The machine learning algorithm includes clustering analysis algorithms, decision tree algorithms, and / or neural network-based classification algorithms. In detail, for a specific user profile among the multiple user profile information, an adaptive algorithm is used to determine at least one form filling page layout style suitable for the corresponding user, based on the corresponding profile information. This includes: based on the specific user profile information, using a reinforcement learning algorithm to determine the form filling page background style, form filling page text style, form filling page individual style, and / or form filling page input control layout style suitable for the user corresponding to the specific user profile information, thereby obtaining at least one form filling page layout style suitable for that user.In detail, based on the latest user profile information, a recommendation algorithm is used to determine the most suitable combination of form filling page layout styles for the current user to fill out the form from all the form filling page layout styles. This includes: based on the latest user profile information and the individual user profile information, using a user-based collaborative filtering recommendation algorithm to determine the most suitable combination of form filling page layout styles for the current user to fill out the form from all the form filling page layout styles. The combination of form filling page layout styles includes the form filling page background style, the form filling page text style, the form filling page individual input control style, and / or the form filling page input control layout style.

[0057] In step S21, for example, when the screen characteristic information indicates a large screen width, the initial layout of the form elements can be determined to be a horizontal arrangement based on a preset layout strategy; conversely, when the screen characteristic information indicates a small screen width, the initial layout of the form elements can be determined to be a vertical arrangement based on a preset layout strategy. Furthermore, all form elements may include, but are not limited to, title elements and submit elements to achieve the purpose of identifying and submitting the form.

[0058] S22. The initial layout parameters of all the form elements are sent to the backend React application, so that the React application defines the initial layout parameters based on the initial layout parameters through frontend code containing HTML (Hyper Text Markup Language) code and / or JSX (which is a JavaScript syntax extension, first used in React, and its format is similar to a template language, but it is actually implemented entirely within JavaScript; elements are the smallest units that make up a React application, and JSX is used to declare elements in React) code, and finally generates the initial form filling page of the current form to be filled, which presents the multiple input control elements.

[0059] In step S22, since the form filling page is essentially front-end code, and the React application is a back-end application based on the existing React framework, the initial layout parameters can be automatically defined using conventional methods to generate the initial form filling page. Alternatively, the initial form filling page can also be conventionally defined and generated using existing frameworks such as Vue.

[0060] S3. Push the initial form-filling page to the current form-filling device for output and display.

[0061] In step S3, the initial form filling page can be rendered and displayed on the current form filling device using front-end code containing HTML code and / or JSX code, for example, by placing each form element in the correct position according to the initial layout parameters.

[0062] S4. When it is detected that the user of the current form to be filled has triggered an input event on a certain input control element of the current form to be filled, obtain the most recent user behavior data before the input event was triggered.

[0063] In step S4, the input event may be, but is not limited to, a touch event or a keyboard event. The recent user behavior data may include, but is not limited to, page scrolling data generated in the last few seconds before triggering, mouse movement data generated in the last few seconds before triggering, filling order, filling duration of the previous input control element, and / or the interval between completing filling on the previous input control element and the triggering of the current input event, etc. The specific trigger detection method for the input event and the specific acquisition method for the recent user behavior data can both be implemented using existing JavaScript or other front-end technologies. Specifically, before detecting that the current user has triggered an input event on a certain input control element of the current form, the method may include, but is not limited to, using the addEventListener function to listen for whether the current user has triggered input events on any of the input control elements of the current form.

[0064] S5. Based on the recent user behavior data, a machine learning algorithm is used to predict the speed of the next input by the current user who is about to fill out the form.

[0065] In step S5, the speed of the next input step refers to the speed at which the current user fills out the form on a certain input control element. Since the speed of filling out the form is related to the user's recent behavior before the input event is triggered—for example, the time interval between completing the previous input control element and the triggering of the current input event reflects the user's understanding of that input control element, thus affecting the speed of filling out the form on that element—specifically, based on the recent user behavior data, a machine learning algorithm is used to predict the speed of the current user's next input step. This includes, but is not limited to, using the recent user behavior data as test sample data and inputting it into a pre-trained user input speed prediction model based on a machine learning algorithm to output the speed of the current user's next input step.

[0066] In step S5, specifically, the user input speed prediction model can be pre-trained in the following manner, but not limited to: First, acquire multiple form-filling behavior data generated by different users interacting on the same device, where the same device refers to an electronic device of the same type as the current form-filling device. The form-filling behavior data includes, but is not limited to, the content filled in, the filling order, and the filling duration. Then, for each of the multiple form-filling behavior data, extract the corresponding most recent user behavior data and input speed for each input control element before the input event is triggered, where the input speed is represented by input speed or text editing frequency. Finally, use the multiple most recent user behavior data before the input event is triggered as sample data, and use the multiple input speeds corresponding one-to-one with the multiple most recent user behavior data before the input event is triggered as label data, and import them into a machine learning algorithm module based on a recurrent neural network for training to obtain the user input speed prediction model. The specific method of acquiring the form-filling behavior data can also be implemented using existing JavaScript or other front-end technologies. The most recent user behavior data and corresponding input speed before the input event is triggered can also be extracted based on conventional data classification and statistical methods. For example, based on the content and duration of input on an input control element, the input speed or text editing frequency for that input control element can be statistically determined to represent the input speed of that input control element. The recurrent neural network (RNN) is a type of recursive neural network that takes sequence data as input, recurses in the direction of sequence evolution, and connects all nodes (recurrent units) in a chain-like manner. In this embodiment, multiple hidden layers can be set in the recurrent neural network to capture more complex behavioral patterns, and optimization algorithms (such as stochastic gradient descent) can be used to minimize the difference between the prediction and the actual data.

[0067] S6. When the input speed of the next step is too slow, adjust the current form page of the current form to be filled so that the adjusted new form page can help the current user to input content faster.

[0068] In step S6, the current form-filling page can be the initial form-filling page or a new form-filling page that has been adjusted previously. Specifically, when the input speed of the next step is too slow, the current form-filling page of the current form to be filled is adjusted so that the adjusted new form-filling page can help the current user to fill in the content faster. This includes, but is not limited to: when the input speed of the next step is slower than a preset threshold, adding a modal window element for providing detailed filling guidance for a certain input control element or a selection bar element for providing intelligent input suggestions for a certain input control element to the current form-filling page of the current form to be filled, so that the adjusted new form-filling page can help the current user to fill in the content faster. The intelligent input suggestions are obtained by intelligently processing the historical content filled in by different users on a certain input control element. In this way, the detailed filling guide or intelligent input suggestions (for example, when a certain input control element corresponds to the "email" information field, if the most commonly used email address found to be @163.com is different from the email addresses filled in by other users, then @163.com can be provided as an intelligent input suggestion to the current user to fill in the form for selection) can help the current user to fill in the form to enter content faster.

[0069] S7. Push the newly filled-in form page to the current form-filling device for output and display.

[0070] In step S7, the new form-filling page can be rendered and displayed on the current form-filling device using front-end code containing HTML and / or JSX code. Furthermore, after step S7, the process can return to step S4 to dynamically adjust the form-filling page.

[0071] Therefore, based on the form filling page dynamic adjustment method described in steps S1 to S7 above, a form filling page dynamic adjustment scheme is provided that can ensure device adaptability and meet the dynamic personalized needs of users filling out forms. First, based on the screen characteristics of the current form-filling device, an initial form filling page is generated and displayed. Then, when an input event is detected on a user's input control element of the current form, the most recent user behavior data before the input event is triggered is obtained. Next, based on the most recent user behavior data, a machine learning algorithm is used to predict the speed of the user's next input step. Finally, if the next input step is too slow, the current form filling page is adjusted so that the adjusted new form filling page can help users input content faster. This not only ensures that the form filling page before and after adjustment adapts to device characteristics, but also automatically adjusts the optimal form layout and interaction method based on user behavior to meet the dynamic personalized needs of users, thereby improving user form filling efficiency and optimizing the user form filling experience, facilitating practical application and promotion.

[0072] like Figure 2 As shown, the second aspect of this embodiment provides a virtual device for implementing the form filling page dynamic adjustment method described in the first aspect, including an information acquisition module, an initial page generation module, a form filling page display module, a behavior data acquisition module, a speed prediction module, and a form filling page adjustment module;

[0073] The information acquisition module is used to acquire the screen characteristic information of the current form-filling device, wherein the current form-filling device refers to an electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form.

[0074] The initial page generation module is communicatively connected to the information acquisition module and is used to generate an initial form filling page for the current form to be filled based on the screen characteristic information. The initial form filling page presents multiple input control elements of the current form to be filled.

[0075] The form filling page display module is communicatively connected to the initial page generation module and is used to push the initial form filling page to the current form filling device for output display;

[0076] The behavior data acquisition module is used to acquire the most recent user behavior data before the input event was triggered when it is detected that the user of the current form to be filled has triggered an input event on a certain input control element of the current form to be filled.

[0077] The speed prediction module is communicatively connected to the behavior data acquisition module and is used to predict the speed of the next input by the current user to fill out the form based on the recent user behavior data and a machine learning algorithm.

[0078] The form filling page adjustment module is communicatively connected to the speed prediction module. It is used to adjust the current form filling page of the current form to be filled when the speed of the next input is too slow, so that the new form filling page obtained after adjustment can help the current user to fill in the form to input content faster.

[0079] The form filling page display module is also communicatively connected to the form filling page adjustment module, and is also used to push the new form filling page to the current form filling device for output display.

[0080] The working process, working details and technical effects of the aforementioned device provided in the second aspect of this embodiment can be found in the form filling page dynamic adjustment method described in the first aspect, and will not be repeated here.

[0081] like Figure 3 As shown, the third aspect of this embodiment provides a computer device for executing the form filling page dynamic adjustment method as described in the first aspect. The device includes a memory, a processor, and a transceiver connected in sequence. The memory stores a computer program, the transceiver sends and receives messages, and the processor reads the computer program and executes the form filling page dynamic adjustment method as described in the first aspect. Specifically, the memory may include, but is not limited to, random-access memory (RAM), read-only memory (ROM), flash memory, first-in-first-out (FIFO) memory, and / or first-in-last-out (FILO) memory, etc.; the processor may include, but is not limited to, a microprocessor of the STM32F105 series. Furthermore, the computer device may also include, but is not limited to, a power module, a display screen, and other necessary components.

[0082] The working process, working details and technical effects of the aforementioned computer device provided in the third aspect of this embodiment can be found in the form filling page dynamic adjustment method described in the first aspect, and will not be repeated here.

[0083] This fourth aspect of the embodiment provides a computer-readable storage medium storing instructions including the form filling page dynamic adjustment method as described in the first aspect. Specifically, the computer-readable storage medium stores instructions that, when executed on a computer, perform the form filling page dynamic adjustment method as described in the first aspect. The computer-readable storage medium refers to a data storage medium, which may include, but is not limited to, floppy disks, optical disks, hard disks, flash memory, USB flash drives, and / or Memory Sticks. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices.

[0084] The working process, working details and technical effects of the aforementioned computer-readable storage medium provided in the fourth aspect of this embodiment can be found in the form filling page dynamic adjustment method described in the first aspect, and will not be repeated here.

[0085] This fifth aspect of the embodiment provides a computer program product containing instructions that, when executed on a computer, cause the computer to perform the form filling page dynamic adjustment method as described in the first aspect. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device.

[0086] Finally, it should be noted that the above description is merely a preferred embodiment of the present invention and is not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of the present invention should be included within the scope of protection of the present invention.

Claims

1. A method for dynamically adjusting a form filling page, characterized in that, include: Obtain the screen characteristic information of the current form-filling device, wherein the current form-filling device refers to an electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form; Based on the screen characteristic information, an initial form filling page for the current form to be filled is generated, wherein the initial form filling page presents multiple input control elements of the current form to be filled; The initial form-filling page is pushed to the current form-filling device for output and display; When it is detected that the user currently filling out the form has triggered an input event on a certain input control element of the current form, the most recent user behavior data before the input event was triggered is obtained; Based on the recent user behavior data, a machine learning algorithm is used to predict the speed of the next input by the current user who is about to fill out the form. If the input speed of the next step is too slow, adjust the current form page of the current form to be filled so that the new form page can help the user to input content faster. The newly filled-out form page is pushed to the current form-filling device for output and display.

2. The method for dynamically adjusting a form filling page according to claim 1, characterized in that, Obtain the screen characteristics information of the current form-filling device, including: The system uses CSS Media Queries, DeviceDetector, or ua-parser-js to query the screen size, screen resolution, screen orientation, and / or operating system of the current form-filling device. The query results are used as the screen characteristic information of the current form-filling device. The current form-filling device refers to the electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form.

3. The method for dynamically adjusting a form filling page according to claim 1, characterized in that, Based on the screen characteristic information, an initial form-filling page for the current form to be filled is generated, including: Based on the screen characteristic information and the preset layout strategy, the initial layout parameters of all form elements in the current form to be filled are determined, wherein all form elements include multiple input control elements, and the initial layout parameters include the initial layout method of the form elements, the initial size of the form elements, and the initial position of the form elements. The initial layout parameters of all the form elements are sent to the backend React application, so that the React application can define the initial layout parameters through frontend code containing HTML code and / or JSX code, and finally generate the initial form filling page of the current form to be filled, which presents the multiple input control elements.

4. The method for dynamically adjusting a form filling page according to claim 1, characterized in that, Before detecting that the user currently filling out the form has triggered an input event on one of the input control elements of the current form, the method further includes: The addEventListener function is used to listen for whether the user of the current form has triggered input events on the various input control elements of the current form.

5. The method for dynamically adjusting a form filling page according to claim 1, characterized in that, Based on the recent user behavior data, a machine learning algorithm is used to predict the speed of the next input by the current user awaiting form completion, including: The recent user behavior data is used as the test sample data and input into a pre-trained user input speed prediction model based on machine learning algorithms. The output is the speed of the next input by the current user who is about to fill in the form.

6. The method for dynamically adjusting a form filling page according to claim 5, characterized in that, The user input speed prediction model is pre-trained as follows: The system acquires multiple form-filling behavior data generated by different users interacting on the same device. The same device refers to an electronic device of the same type as the current form-filling device. The form-filling behavior data includes the content filled in, the filling order, and the filling duration. For each form filling behavior data in the multiple form filling behavior data, the corresponding user behavior data and input speed before the input event is triggered for each input control element are extracted according to the corresponding data, wherein the input speed is represented by input speed or text editing frequency; The most recent user behavior data before multiple input events are triggered is used as sample data, and multiple input speed levels corresponding one-to-one with the most recent user behavior data before multiple input events are used as label data. These are then imported into a machine learning algorithm module based on recurrent neural networks for training to obtain the user input speed prediction model.

7. The method for dynamically adjusting a form filling page according to claim 1, characterized in that, When the input speed of the next step is too slow, the current form page of the current form to be filled out is adjusted so that the adjusted new form page can help the user to input content faster, including: When the input speed of the next step is slower than a preset threshold, a modal window element for providing detailed filling guidance for a certain input control element or a selection bar element for providing intelligent input suggestions for a certain input control element is added to the current form filling page of the current form to be filled. This is so that the adjusted new form filling page can help the current user to fill in the form to input content faster. The intelligent input suggestions are obtained by intelligently processing the historical content filled in by different users on a certain input control element.

8. A form filling page dynamic adjustment device, characterized in that, It includes an information acquisition module, an initial page generation module, a form filling page display module, a behavior data acquisition module, a speed prediction module, and a form filling page adjustment module; The information acquisition module is used to acquire the screen characteristic information of the current form-filling device, wherein the current form-filling device refers to an electronic device used to display the current form to be filled to the current user and enable the current user to fill in the current form. The initial page generation module is communicatively connected to the information acquisition module and is used to generate an initial form filling page for the current form to be filled based on the screen characteristic information. The initial form filling page presents multiple input control elements of the current form to be filled. The form filling page display module is communicatively connected to the initial page generation module and is used to push the initial form filling page to the current form filling device for output display; The behavior data acquisition module is used to acquire the most recent user behavior data before the input event was triggered when it is detected that the user of the current form to be filled has triggered an input event on a certain input control element of the current form to be filled. The speed prediction module is communicatively connected to the behavior data acquisition module and is used to predict the speed of the next input by the current user to fill out the form based on the recent user behavior data and a machine learning algorithm. The form filling page adjustment module is communicatively connected to the speed prediction module. It is used to adjust the current form filling page of the current form to be filled when the speed of the next input is too slow, so that the new form filling page obtained after adjustment can help the current user to fill in the form to input content faster. The form filling page display module is also communicatively connected to the form filling page adjustment module, and is also used to push the new form filling page to the current form filling device for output display.

9. A computer device, characterized in that, The device includes a memory, a processor, and a transceiver connected in sequence, wherein the memory is used to store a computer program, the transceiver is used to send and receive messages, and the processor is used to read the computer program and execute the form filling page dynamic adjustment method as described in any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that... The computer-readable storage medium stores instructions that, when executed on a computer, perform the form filling page dynamic adjustment method as described in any one of claims 1 to 7.

Images