There are many online tools to create web forms however, not all forms are functional

 Tips and tools to create good web forms











One of the most common steps to use services or tools that we find on the internet is register an account, or give our data to get services whether they are free or for payment, but the most tedious of the topic for some time without a doubt are the online registration forms.



Lately been appearing many online tools, one of which are repeated are the generators of online forms.Some may be intuitive and easy to use, designed for users means, if too many programming skills, but for some reason they need to add a form on your Web site or blog.



Normally a form is to be fully functional, you need to add something the same programming, with simple HTML is not enough; If you do not know of any language like PHP you it won't be difficult to insert some form.



A good choice are services that offer forms for your site, that is why we leave a list of valuable tools to easily create forms Online, in some cases only need to paste the code that give you or others provide you a link to the form.





Some available and free of charge services: Typeform there are several things that attract the attention of this platform. The first is that the traditional forms with text fields are more than outdated. Typeform advocates a more visual design, more attractive and more dynamic, and you can even add multimedia elements such as videos or photographs in the answers both questions.



In addition, it is possible to respond to surveys from mobile devices and tablets without much difficulty, something that many will appreciate (never have filled in form fields that cost horrors of select from phone?). In this case, the fields are larger in size and are intended to be selected from both computer and other smaller devices.



Usability in web forms
Jotform is a good free Online tool and very easy to use, simply set a couple of options of his palette of tools and ready, our form ira holding shape, this powerful tool creates a database at the end of the creation of our form, which then can store on our server or hosting and our form would work perfectly this powerful tool has 5 menus with different types of tool, can place you a custom background and several themes pre designedits great programming makes all these tools as a game and since the forms are echos in HTML5 and CSS3 are compatible with almost any web site, even you can place buttons on payment in the form and captchas of security.



Wufoo a web application for online forms. When designing a form automatically creates the database and management tool needed to store, manage, and understand the data collected, easy, fast and fun. As we host everything you need, you the only thing you need is a browser, a connection and a few minutes to build a form and start using it.


Google Docs. Within Google Docs have an excellent and easy tool for the design of forms and questionnaires online, thanks to them we can collect data of interest, raise issues, do polls of opinion and to assess any task or knowledge. Thus, it is possible to create from a simple contact form until a video questionnaire advantages: easy: quick set up, only with clicks of the mouse, has saved me a few hours of development of PHP + MySQL.

Insurance: the data is kept on Google's servers, which are the safest in the world. This leaves me more calm and sure that applicants also, since the treatment of personal information I take very seriously.


Efficient: the treatment of data is complete, on a sheet of spreadsheet easily visible and that can be organized. Also joined the powerful possibilities offered by Google, permits reading, publishing, user management, collaborative editing, graphics, geographical points... almost all Google technologies they are available.


Reformado APP. It contains a Forms Manager to implement them in HTML5. This allows a totally higher and with more options at all levels experience. It may not be easy to use for those who have no experience in programming.


Bizodo is one of the tools in the cloud that we find to be able to create forms online to meet some of our needs according to the movements we make, either in the maintenance of a certain interaction with users of a site web or simply to receive comments from anyone.






Of course, depends on the concrete form that we want to design, but no place to doubts, these are some aspects that we must bear in mind: positioning: as with everything related to online marketing, want that your form is clearly visible but not be overwhelming. We note that the best location for a subscription form is the upper-right of page, in the left side navigation bar or at the bottom of the page, after the content.




The long forms should be divided into several pages. When a user is faced with a very long form, is desepera and wasting your time in filling it, therefore, if we are obliged to ask for much information, is preferable to divide the form into multiple pages and the user will be much more enjoyable the insertion of data.



Avoid fragmented information. More typical is the address where it is usually used so the case: road type:, address:, number:, zip code:...


This case in turn tends to be supplied by various fields, so the user must read each field, understand what you are asking and fill... We can simplify it using a single line where the user to enter the entire address, as if it were a letter.


Only thus we have a line for the "address" field, and then 3 more to indicate code zip, city and State. The user will feel more comfortable if you can put whatever he wants and do not force you to fill preset things that maybe don't understand or does not conform to their particular case.



Then maybe is to highlight the case of some banks where the "profession" field forces the user to choose an option from the list that the Bank has, by making use of a search engine, code of profession, etc, etc... It is not really recommended. The benefit that can give this information against the hassle that produces the user does not have equivalence.





Mandatory fields must be clearly identified. The general rule and most accepted is that are marked by an asterisk or the literal (compulsory) or (optional), so if we do it any user will be capable of differences required fields of the optional. More options are equally valid, but never use color difference only to distinguish the mandatory fields.



Minimize the entry of text, much less text has to be written much better. There are often alternative options to a text field, such as radio buttons, "sliders" boxes, etc. In many cases we only serve place a text field and it should not mean a problem, but at least we must minimize the number of fields where you have to enter data with the uncomfortable virtual keyboard. A clear example of this detail is to use "datepickers", to select a date from a calendar, instead of writing it by hand.



Make use of contrast colors, I have seen how many designers do not use contrast colors to your web form, the important thing is that the user is easily fields and not have to guess where the fields are filled, if you put it difficult not fill anything and will go, and with it, possibly lose a client.


Create a form error page. If an error occurs in the form, is of a type that is, we must have a clear page in which you inform the user what has happened and how it can solve this error.


Remember data entered above to the extent possible, always be useful that our web site is sufficiently intelligent as to not ask for data that we already know in advance. For example, if asked to the user name at some point, is good to enter it in the name field of the form, instead of to write again it. Another example: if it is the second time that is filled in that form, certain fields that it is assumed that they will not vary, will appear with the same text previously entered. To achieve this you will have to use any programming language, such as Javascript in the client-side or server-side PHP, because HTML forms by default do not implement this functionality.


Option to view the key written in the 'password' fields. The fields where you type a key are often a problem for typographical, so common mistakes on virtual keyboards. It is not a bad idea to create a button or something that will allow us to see the key that the user typed in a password field written in plain text. That should be an option for the user, that is, if the user does not selects, the password field, must hide the written key for added security.




Provide help and Feedback. There is almost nothing worse than having a user who fill out a form and then reject the presentation since some data information is in an incorrect format or overlooked some fields. The experience is that the user must repeat the processing and completing the form.


Rather than let that you happen, provide help and validating the form while filling. This help can be a bit of text that explains the format that must be input from a form or could explain why the information is needed.



An excellent example of aid may be on eBay, where a seller must draw up a list of a product. The form includes a column to help right that does not interfere with the route, but provides information when necessary.





There are other tips for creating usable forms, but I think that with what we have seen we have a lot of criteria to follow. Remember to make a simple design and get make more pleasant forms from the point of view of the user.
Usability in web forms     traffic news duiih