METHODS AND SYSTEMS FOR INTERACTIVE DATA INPUT
Described herein are methods and systems to generate and display interactive graphical user interfaces that receive data inputs from users while emulating a chat session. A server retrieves a set of prompts associated with an electronic form; displays, within a webpage, a first element corresponding to a prompt and a second element having at least one input element configured to receive an input from a user interacting with the webpage. When the user interacts with an input element, the server relocates the first element and dynamically revises the second element by relocating the second element and displaying inputted values received from the user interacting with the at least one input element of the second element. The server then displays a third element comprising next prompts of the electronic form.
1 . A method comprising:
presenting, by a server, a first graphical element embedded within a page, the first graphical element comprising a first conversation bubble shape and a text string corresponding to a first prompt of a set of prompts of an electronic form, the first graphical element having a first visual attribute that matches at least one visual attribute of the page;
presenting, by the server, a second graphical element embedded within the page and below the first graphical element and comprising a second conversation bubble shape that comprises an input element configured to receive an input from a user computing device outputting the page, the second conversation bubble further comprising a button for causing transmission of the input to the server, wherein the second graphical element has a second visual attribute that matches the at least one visual attribute of the page;
aggregating, by the server, any input received via the input element for compiling the electronic form; and
transmitting, by the server, the electronic form to a second server.
2 . The method of claim 1 , wherein the page is hosted by a second server.
3 . The method of claim 1 , further comprising:
directing, by the server, the user computing device to the page.
4 . The method of claim 1 , further comprising:
relocating, by the server, at least one of the first graphical element or the second graphical element.
5 . The method of claim 1 , further comprising:
obfuscating, by the server, an inputted value received from the user computing device.
6 . The method of claim 1 , wherein the first graphical element or the second graphical element comprises an interactive element configured to allow editing an inputted value.
7 . The method of claim 1 , further comprising:
generating, by the server, an electronic file comprising at least one input received from the user computing device; and
transmitting, by the server, the electronic file to the second server.
8 . The method of claim 1 , wherein the at least one visual attribute of at least one of the first graphical element or the second graphical element is determined by a user operating the user computing device.
9 . A computer-readable medium comprising a set of instructions that when executed cause a server to perform operations comprising:
presenting a first graphical element embedded within a page, the first graphical element comprising a first conversation bubble shape and a text string corresponding to a first prompt of a set of prompts of an electronic form, the first graphical element having a first visual attribute that matches at least one visual attribute of the page;
presenting a second graphical element embedded within the page and below the first graphical element and comprising a second conversation bubble shape that comprises an input element configured to receive an input from a user computing device outputting the page, the second conversation bubble further comprising a button for causing transmission of the input to the server, wherein the second graphical element has a second visual attribute that matches the at least one visual attribute of the page;
aggregating any input received via the input element for compiling the electronic form; and
transmitting the electronic form to a second server.
10 . The computer-readable medium of claim 9 , wherein the page is hosted by a second server.
11 . The computer-readable medium of claim 9 , wherein the instructions further cause the server to direct the user computing device to the page.
12 . The computer-readable medium of claim 9 , wherein the instructions further cause the server to relocate at least one of the first graphical element or the second graphical element.
13 . The computer-readable medium of claim 9 , wherein the instructions further cause the server to obfuscate an inputted value received from the user computing device.
14 . The computer-readable medium of claim 9 , wherein the first graphical element or the second graphical element comprises an interactive element configured to allow editing an inputted value.
15 . The computer-readable medium of claim 9 , wherein the instructions further cause the server to generate an electronic file comprising at least one input received from the user computing device; and transmit the electronic file to the second server.
16 . The computer-readable medium of claim 9 , wherein the at least one visual attribute of at least one of the first graphical element or the second graphical element is determined by a user operating the user computing device.
17 . A computer system comprising:
a server comprising at least one processor configured to:
present a first graphical element embedded within a page, the first graphical element comprising a first conversation bubble shape and a text string corresponding to a first prompt of a set of prompts of an electronic form, the first graphical element having a first visual attribute that matches at least one visual attribute of the page;
present a second graphical element embedded within the page and below the first graphical element and comprising a second conversation bubble shape that comprises an input element configured to receive an input from a user computing device outputting the page, the second conversation bubble further comprising a button for causing transmission of the input to the server, wherein the second graphical element has a second visual attribute that matches the at least one visual attribute of the page;
aggregate any input received via the input element for compiling the electronic form; and
transmit the electronic form to a second server.
18 . The computer system of claim 17 , wherein the page is hosted by a second server.
19 . The computer system of claim 17 , wherein the server is further configured to direct the user computing device to the page.
20 . The computer system of claim 17 , wherein the server is further configured to relocate at least one of the first graphical element or the second graphical element.