1 2 3 4 5
If you like my blog and want to find all the new themes, they race and enter your email and wait for the new

Continue across facebook
subscribe online RSS Feed
Follow me Twitter

All Story From Blog

Best practices for creating electronic forms

Often we use electronic forms during tsfhana to websites on the Internet and sometimes tedious if the designer or coder have no models are to be easy even if the requirement as to form the purchase or registration process at the site, it is concerned with facilitating the way towards realizing a profit from behind the site or about the accession of a number of members of the site with that presumption is contrary, since some forms are lengthy and require information not important or information can be Knowledge of the site by region, and in some models do not retain the information you entered, if you one piece of input; you surprised and error message after you return to the form you find yourself forced to fill out the information completely correct until and this fatal error, review the following best practices that serve the site programmer to create electronic forms are simple and easy, smart and usable within the global standards:

* Direct verification of the validity of the entered information, compatibility with the required conditions and the error message that appears next to the input box to facilitate this process to modify site user error.
* Use clear names next to the input boxes and no site user disassembly and to ensure that disabled his time thinking about the intended as well as ensure that named the input box next to each, and may not happen but this advice is emphasized so that the programmer overlooked the electronic form.
* Appropriate length Portal box with expected length of the information is entered by the user of the site, but it is not reasonable that the first name box is composed of two lines or the address box to be composed of half the line is also appropriate to add a counter of remaining characters to figure out how to reach the entrance to the maximum allowable in long texts.
* The programmer must take into account the lack of flexibility in difficult conditions such as input mobile number box to be required to enter a State and then develop certain police and three numbers, then numbers, then the rest of the police and this tired user location and potential error and requires also clarifying the next block, if flexible beginning and request enter the number without dashes with a numbers intelligently or allow it to choose the key State and after the user enters a number directly without dashes, if There was no binding requirements can be flexibly programmed; it should develop inter caption example next to the box.
* Ensure that the secondary buttons are smaller than the main buttons for example does not make the entry “ ” button the same size as “ ” cancellation, the best is to have the entry “ ” button – as it is main-longer than the Cancel button.
* Consistency in all the form properties to move the user to the same mechanism in all molecules form, for example, if you use the drop-down list to select specific information; it is better to drop-down list is applied in all particles which require choice of a data set.
* Distribution of information entered by category in groups so that personal information next to each business information and payment information, and this serves user and facilitates the process of entering information.
* Order information by category or alphabetically and this applies in the drop-down lists that contain information such as the selection state for a long or choose post and this facilitates user access to information affecting and selection faster and also add the access feature for keyword from the list when you press the first letter from it directly, and sometimes preferably form smarter so that the pointer on the information is entered, for example when entering Saudi Arabia is the default choice is Saudi Arabia.
* Add sequential navigation among form boxes via “ key ” Tab through the keyboard without using the mouse.
* Auto fill for some information related to previous inputs or repeated and sometimes the AutoPlay feature is added to some of the information that is stored in the computer while the mobilization of other models used in the same site or in other locations, and another way if request information already exists in some sites when prompted payment information and shows you information your Visa payments earlier in the same location with the option to change it.
* Split form if the long forms that require more than a step so the user knows that in the second step, it may remain having completed filling out the form the final step a step or more favours label step, for example, personal information and payment information and delivery method with storage of each step to return to them later if you do not complete all the steps.
* Wadih place error and change color, and a clear message to the user to modify directly and easily taking care to save the entered information correctly and not to force the user to enter full information again in the case erred in entering information for one or more.
* Use the right colors and universally easy to understand by all users and particular groups of persons with disabilities or the elderly, for example red to make it clear that there is an error and green means validated inputs and mind who have problems seeing some colors.
* Into account the target audience of the site and use the words easy and clear them; if the public are ordinary people somewhat remote is not technical asttkhdam technical words not clear them, and if it is a question mark next to it to clarify the required detail and plain language with examples.
* More shortcut in all writes to digits because Internet users do not read long sentences are necessary.
* Explain the information to be entered in mandatory and optional information and do not add requirements do not need.

Finally, the best practices in designing models change and evolve rapidly, so the programmer must be continued permanently on new techniques in this particular or simply follow the changes in most Web sites are added, which facilitate communication between them and the visitors.


0 التعليقات:

Post a Comment