grafixx.at

Hello, Thank you for visiting - I hope that you will find useful information. Leave a comment but if you have any comments on the subject.

Forms are usually a large threshold dar. almost always are also registered in the forms, the highest dropout rates. To counter this form should be at least Designed nice to work properly and be intuitive to use.

The subject with the proper function should of course be self-evident and there is not much more to say on this. In addition to test, test, test. By that I mean to test in different browsers to test different user and try on different devices.

Design and intuitive operation are however often close together and overlap to some extent. In the design should be a happy medium between "old fashioned"-style default form fields and "Styles of these altered areas that you may not recognize these as input fields," to be found. In other words: Submit buttons should always be recognizable as buttons, depending on the design and target group can now be more conservative or modernern also fail. Particularly important is the fact that compulsory fields are clearly marked as such. This means that some visitors are not willing to provide all the information, but are still encouraged to specify the required fields.

Multi-page forms
Long forms should be avoided at all costs. If a lot of information to be queried, these appetizing snacks are divided into smaller. Therefore, the form should extend over several pages. This is important to be seen at any point of time how many pages must be completed. So the classical function they are in step 2 of 5, as known from traditional purchasing processes of online shops. In addition, the function of the sides change into account. So the user wants to move from step 3 to step 2, it must be possible. Of course I must mention here, that the above-mentioned data must still be present. ;-)

Help texts offer
Be more complex information abgefrabgt should help texts are available. Here it has become a little help to implement symbol next to the form field. On mouse-over, a corresponding help text will appear. These little helpers in addition to the increase Konvertions the data quality and therefore should be strictly implemented. Besides, it also seems very reliable and increases the confidence of users in a site has.

Google Adwords Help

Form validation in real time

Very nice, I personally find a review of the Formularinhlate in real time. So, for example, that is framed red right after entering the appropriate box when an incorrect input is present. In addition, of course, also the cause of the error are explained by the way. Or another example, a counter of the currently available character is showing.

Very nice it was done for, among other things webnews.de. Here, immediately after entering the captcha code, a message "You have entered the correct code" will appear. This eliminates the often troublesome because the puzzle is whether now is an I or an l. Just try it and you know before sending it if it was correct or not.

Captcha field

However, it was omitted in a barrier-free version. Depending on the target group or, for public organizations commitment to be a barrier-free version also available. On many pages is something with a link to "let you read the code" is realized. But I mention it here only for completeness.

Summary Form design tips:

• When click on the name of a form field, the focus should be placed directly on the box.
• Meaningful set tabindex: Checking are activated when the Tab key Betäigen the fields in the correct order.
• Submit Button: After sending off button to prevent dopplte shipments.
• Error messages should be meaningful
• Long forms should be divided into several steps.
• If an error is noticed only on the confirmation page, the user should be returned with a clear error message to the completed form. It often happens that in such fields all user inputs are deleted. Exactly what needs to be prevented.
• In complex information should help texts are available.

Ähnnliche posts:

1. Increase revenue through better purchasing processes
2. Form validation in real time for user satisfaction
3. Transparency and increase revenue from online stores!